已解決430363個問題，去搜搜看，總會有你想問的

隱藏模式后如何停止計數器？

首頁猿問隱藏模式后如何停止計數器？

隱藏模式后如何停止計數器？

JavaScript

慕的地8271018 2022-07-08 17:53:36

我只想在顯示模式時計數。但不知何故，模式關閉后，計數器仍在上升。我下面的代碼有什么問題？$(document).ready(function() { $('#mymodal').on('shown.bs.modal', function() { var seconds = 0; $('#mymodal #show_seconds').val(seconds); if ($(this).is(':visible') { setInterval(function() { ++seconds; $('#mymodal #show_seconds').val(seconds); }, 1000); } else { $('#mymodal #show_seconds').val(''); } });});

查看完整描述

2 回答

嗶嗶one

TA貢獻1854條經驗獲得超8個贊

JavaScript 函數不會自動為您銷毀。您必須手動清除間隔。

$(document).ready(function() {

var interval;

$('#mymodal').on('shown.bs.modal', function() {

var seconds = 0;

$('#mymodal #show_seconds').val(seconds);

if ($(this).is(':visible') {

interval = setInterval(function() {

++seconds;

$('#mymodal #show_seconds').val(seconds);

}, 1000);

} else {

$('#mymodal #show_seconds').val('');

}

});

$('#mymodal').on('hidden.bs.modal', function () {

if( interval ) {

clearInterval( interval );

}

};

});

反對回復 2022-07-08

墨色風雨

TA貢獻1853條經驗獲得超6個贊

您需要知道如何在 Javascript 中使用“setInterval”。

var mySetInterval = setInterval(function(){},1000);//create a valuable;

clearInterval(myVar);// delete a valuable;

請參閱https://www.w3schools.com/jsref/met_win_clearinterval.asp

反對回復 2022-07-08

2 回答
0 關注
125 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

隱藏模式后如何停止計數器？

隱藏模式后如何停止計數器？

2 回答

添加回答

隱藏模式后如何停止計數器？