私はこのjquery/javascript用の新しいものですが、これはjsfiddle exampleです。 これまでのところ、私はそれをクリックで開始しますが、それはクリックでも停止し、元の状態(#pause_button1)に戻ってトグルする必要があります。 http://jsfiddle.net/AKgZn/32/: すべてのヘルプは、事前 で 感謝をいただければ幸いです:)jQueryの開始と終了を切り替えます
2
A
答えて
2
あなたが何をしようとして100%明確ではないが、これは助けることができる:
var timer;
var imageNumber = 0;
$('#pause_button1').click(function() {
startWorking();
});
$('#pause_button').click(function() {
if (timer) {
clearTimeout(timer);
timer = false;
$('#pause_button').removeClass('pause_button' + imageNumber);
imageNumber = 0;
}
else {
startWorking();
}
});
function startWorking() {
function changeImage(element) {
$('#pause_button').removeClass('pause_button' + imageNumber);
imageNumber++;
if (imageNumber > 6) {
imageNumber = 1;
}
console.log(imageNumber);
element.addClass('pause_button' + imageNumber, 200);
timer = setTimeout(function() {
changeImage(element)
}, 200);
}
changeImage($('#pause_button'));
}
0
はあなたが間隔を使用して、それがclearInterval
を使用して、それをキャンセルするために返すid
を使用することができ
//...
var timeoutId = setTimeout(...);
element.data('timeout', timeoutId);
//...
var elem = $('#pause_button');
if(elem.data('timeout')) {
clearTimeout(elem.data('timeout'));
elem.removeData('timeout');
} else {
changeImage($('#pause_button'), 0);
}
1
を試してみてください。
/* need to run this when clicked - need a toggle */
function changeImage(element, imageNumber) {
function do_it() {
imageNumber++;
if (imageNumber > 6) {
imageNumber = 1;
}
console.log(imageNumber);
element.addClass('pause_button' + imageNumber, 200);
element.attr('class', 'pause_button' + imageNumber);
}
return setInterval(do_it, 200); // execute every 200 ms,
// return interval id
}
var intervalid;
$('div').click(function() {
if(intervalid != null) { // interval running, cancel it
clearInterval(intervalid); // clear the interval
intervalid = null;
} else { // start interval
var id = changeImage($('#pause_button'), 0);
intervalid = id;
}
});
+0
申し訳ありませんそれはあなたがやっている基本的にですが、停止したときにそれが返す必要があります最初のdiv(緑色の輪郭を持つ白いブロック) – HAWKES08
関連する問題
- 1. jQueryクラスの切り替えとクッキーの値の切り替え?
- 2. Drupal:プロジェクト終了後にサイトドメインを切り替えるベストプラクティス
- 3. Androidで音声の開始/停止を切り替える
- 4. PHPで開始日と終了日を間隔で区切る
- 5. レイアウトの切り替え/オブジェクトの階層内のアクティビティの開始
- 6. JQueryでDIVを切り替えます
- 7. jQueryはアンダーラインを切り替えます
- 8. jQuery - セッションの終了時にイベントを開始しますか?
- 9. リストのスライスの開始と終了
- 10. notepad ++ pl plsqlブロックの開始と終了
- 11. Workweekの開始日と終了日
- 12. 切り替えとjQuery UIボタン
- 13. 開始日と終了日をjqueryプラグインで検証:
- 14. GoogleアナリティクスAPI開始日と終了日
- 15. XML開始タグと終了タグ
- 16. 目的C:開始点と終了点
- 17. jqueryとjavascriptを使用しないでタブの切り替えを切り替えます
- 18. jquery uiスライダ - 開始位置と終了位置
- 19. systemd:サービスに開始/終了を渡す
- 20. クラス間のjQueryの切り替え
- 21. jQueryでクラスを切り替える
- 22. Jqueryが画像を切り替える
- 23. jquery入力を切り替える
- 24. "un" jQueryでdivを切り替える
- 25. jquery個別リストアイテムを切り替える
- 26. Jqueryアコーディオンを切り替える
- 27. jQueryでチェックボックスを切り替える
- 28. Jqueryのオン/オフ切り替え
- 29. jQueryオープン/クローズシンボルの切り替え
- 30. jQuery - ボタン間の切り替え
これは基本的にはあなたがやったことですが、停止すると最初のdiv(緑色の輪郭を持つ白いブロック)に戻る必要があります。あなたの助けを感謝します。 – HAWKES08
更新された答えを参照してください –
ありがとう、thats絶対に素晴らしい:) – HAWKES08