您的位置:首页 > Web前端 > JQuery

每日小練習之JQuery計時三分鐘后停止(part5)

2019-04-03 17:16 162 查看

HTML:

[code]<label for="min">mm</label><input type="text" id="min" value="0">
<label for="sec">sec</label><input type="text" id="sec" value="0">
[code]<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script>
[code]$(document).ready(function () {
var mm = 0, sec = 0,mmid,secid;
mmid = document.getElementById('min');
secid = document.getElementById('sec');
var time = setInterval(function () {
sec++;
if(sec==60){
sec=0;
mm++;
}
mmid.value=mm;
secid.value=sec;
if(mm==3){
clearInterval(time)
}
}, 100)
});

結果:

到3分鐘后停止計時 

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: