setInterval()间隔指定的毫秒数不停地执行指定的代码,用clearInterval()来停止
setTimeout()指间隔多少毫秒执行制定代码,只执行一次,用clearTimeout()停止
例子:setInterval()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js_interval(实现按钮开始计时和关闭)</title>
<script>
var timer
var t=0
function starttime() {
timer=setInterval(function () {
jishi();
},1000)
}
function jishi() {
t+=1;
document.getElementById('showtime').innerHTML=t;
}
function endtime(){
//结束
clearInterval(timer)
}
</script>
</head>
<body>
<button onclick="starttime()">start</button>
<div id="showtime"></div>
<button onclick="endtime()">endtime</button>
</body>
</html>
例子:setTimeout()
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>点击第一个按钮等待3秒后出现"Hello"弹框。</p>
<p>点击第二个按钮来阻止第一个函数运行。(你必须在3秒之前点击它)。</p>
<button onclick="myFunction()">点我</button>
<button onclick="myStopFunction()">停止弹框</button>
<script>
var myVar;
function myFunction(){
myVar=setTimeout(function(){alert("Hello")},3000);
}
function myStopFunction(){
clearTimeout(myVar);
}
</script>
</body>
</html>
setTimeout可以用来做一个定时器
setInterval相当于计时器