window.setTimeout和window.setInterval的区别,及用其中一个方法记录时间。

时间:2023-03-08 19:20:25
window.setTimeout和window.setInterval的区别,及用其中一个方法记录时间。

window.setTimeout(语句,时间)是在多久之后执行语句,语句只执行一次。

window.setInterval(语句,时间)是每隔多久执行一次语句,语句循环执行。

 <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<span id="minu" >0</span>:
<span id="sec" ></span>
<script>
var s = 0;
var x = window.setInterval("sec()",1000)
var y = window.setInterval("minu()",1000*60)
function sec(){
document.getElementById("sec").innerText = ++s;
if(document.getElementById("sec").innerText == 60){
document.getElementById("sec").innerText = 0;
s = 0;
}
}
var m = 0 ;
function minu(){
document.getElementById("minu").innerText = ++m;
if(document.getElementById("minu").innerText == 60){
document.getElementById("minu").innerText = 0;
m = 0;
}
}
</script>
</body>
</html>

第十四行到十八行是记录秒数。11行定义一个变量,15行是将id为sec的元素中的内容替换为++s,16行开始判断所显示的内容否够60,如果到达60,清零,从新开始计数。