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