回答編集履歴

3

追記

2016/05/31 05:38

投稿

ItoTomonori
ItoTomonori

スコア1283

test CHANGED
@@ -149,3 +149,15 @@
149
149
  たとえば、こんな感じとか???
150
150
 
151
151
  おそらく、この手の処理は、十人十色の書き方があるかと。
152
+
153
+
154
+
155
+ 追記
156
+
157
+ いちおう動作確認しておきました。
158
+
159
+
160
+
161
+ https://jsfiddle.net/TomonoriIto/6yxynfnv/
162
+
163
+

2

追記

2016/05/31 05:38

投稿

ItoTomonori
ItoTomonori

スコア1283

test CHANGED
@@ -87,3 +87,65 @@
87
87
  先に記載したとおり、あくまでも現状コードを生かす形で書いております。
88
88
 
89
89
  JavaScriptのコールバックとか、同期、非同期、などで検索されると、もっといろいろな方法が(そもそもの記載コードがかわってきますが)でてくるかと思います。
90
+
91
+
92
+
93
+ ご要望への追記です。
94
+
95
+ ```
96
+
97
+ $('#service02, #service03, #service04').hide();
98
+
99
+
100
+
101
+ //
102
+
103
+ var services = ['#service01','#service02','#service03','#service04'];
104
+
105
+ var nowProcess = 0;
106
+
107
+
108
+
109
+ //
110
+
111
+ var fadeProcess = function(){
112
+
113
+ //
114
+
115
+ var fadeOutTgt = nowProcess;
116
+
117
+ if(++nowProcess == services.length)nowProcess = 0;
118
+
119
+ var fadeInTgt = nowProcess;
120
+
121
+ //
122
+
123
+ setTimeout(function(){
124
+
125
+ $(services[fadeOutTgt]).fadeOut(500);
126
+
127
+ setTimeout(function(){
128
+
129
+ $(services[fadeInTgt]).fadeIn();
130
+
131
+ fadeProcess();
132
+
133
+ },500);
134
+
135
+ //
136
+
137
+ },3000);
138
+
139
+ };
140
+
141
+
142
+
143
+ fadeProcess();
144
+
145
+
146
+
147
+ ```
148
+
149
+ たとえば、こんな感じとか???
150
+
151
+ おそらく、この手の処理は、十人十色の書き方があるかと。

1

追記

2016/05/31 05:32

投稿

ItoTomonori
ItoTomonori

スコア1283

test CHANGED
@@ -81,3 +81,9 @@
81
81
  ```
82
82
 
83
83
  こんな感じかと、、、冗長かつ、実動作確認しておりませんので、不具合などあるかもしれませんが、要するに最後(service04)の制御がおわった段階で、再起するという方法です。
84
+
85
+
86
+
87
+ 先に記載したとおり、あくまでも現状コードを生かす形で書いております。
88
+
89
+ JavaScriptのコールバックとか、同期、非同期、などで検索されると、もっといろいろな方法が(そもそもの記載コードがかわってきますが)でてくるかと思います。