質問編集履歴
2
タイトルを分かりやすくしました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -18,7 +18,6 @@
|
|
18
18
|
</ul>
|
19
19
|
</div>
|
20
20
|
</div>
|
21
|
-
<button class="js-stop">一時停止</button>
|
22
21
|
```
|
23
22
|
|
24
23
|
```CSS
|
@@ -50,16 +49,6 @@
|
|
50
49
|
var switchDelay = 5000;
|
51
50
|
var easing = 'swing';
|
52
51
|
|
53
|
-
var $ticker_flag = true,
|
54
|
-
$tick_btn = $('.js-stop');
|
55
|
-
$tick_btn.click(function() {
|
56
|
-
if($ticker_flag) {
|
57
|
-
$ticker_flag = false;
|
58
|
-
} else {
|
59
|
-
$ticker_flag = true;
|
60
|
-
}
|
61
|
-
});
|
62
|
-
|
63
52
|
$setElm.each(function(){
|
64
53
|
var $targetObj = $(this);
|
65
54
|
var $targetUl = $targetObj.children('ul');
|
@@ -82,12 +71,8 @@
|
|
82
71
|
$setList.css({left:(ulWidth),display:'block',opacity:'0',zIndex:'98'}).stop().animate({left:'0',opacity:'1'},effectSpeed,easing).addClass('showlist');
|
83
72
|
if(liCont > 1) {
|
84
73
|
setInterval(function(){
|
85
|
-
if($ticker_flag) {
|
86
74
|
var $activeShow = $targetObj.find('.showlist');
|
87
75
|
$activeShow.animate({left:(-(ulWidth)),opacity:'0'},effectSpeed,easing).next().css({left:(ulWidth),display:'block',opacity:'0',zIndex:'99'}).animate({left:'0',opacity:'1'},effectSpeed,easing).addClass('showlist').end().appendTo($targetUl).css({zIndex:'98'}).removeClass('showlist');
|
88
|
-
} else {
|
89
|
-
return false;
|
90
|
-
}
|
91
76
|
},switchDelay);
|
92
77
|
}
|
93
78
|
});
|
1
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
TickerのsetIntervalを制御したい
|
test
CHANGED
File without changes
|