JavaScript可以在时间间隔内执行,即所谓的定时事件(Timing Events)
setTimeout
在等待指定的毫秒数后执行函数。
window.setTimeout(function, milliseconds);
//1.参数要执行的函数,2.参数执行之前的毫秒数。
//可以不带window来执行。
实例:
<button onclick="setTimeout(myFunction, 3000)">试一试</button>
<script>
function myFunction() {
alert('Hello');
}
</script>
//等待3秒后,页面提示
用clearTimeout方法来停止执行setTimeout中规定的函数。
实例:
<html>
<body>
<p>点击“试一试”。等 3 秒。该页面将提醒“Hello”。</p>
<p>单击“停止”以阻止第一个函数执行。</p>
<p>(在 3 秒钟之前,您必须单击“停止”。)</p>
<button onclick="myVar = setTimeout(myFunction, 3000)">试一试</button>
<button onclick="clearTimeout(myVar)">停止</button>
<script>
function myFunction() {
alert("Hello");
}
</script>
</body>
</html>
setInterval
- 在每个给定的时间间隔重复给定的函数。
- 以毫秒来进行计算。
window.setInterval(function, milliseconds);
//第一个参数时要执行的函数,第二个参数每个执行之间的时间间隔的长度
//方法可以不带window前缀来写
实例:
var myVar = setInterval(myTimer, 1000);
function myTimer() {
var d = new Date();
document.getElementById("demo").innerHTML = d.toLocaleTimeString();
}
//显示当前时间
用clearInterval方法来停止setInterval方法中指定的函数执行。
myVar = setInterval(function, milliseconds);
clearInterval(myVar);
标签:function,函数,setInterval,JS,window,Timing,执行,方法 From: https://www.cnblogs.com/xinbing/p/17006125.html