setInterval(function, delay, param1, param2, ...)
function
:必需。要调用的函数或代码串。delay
:必需。该函数调用之间的时间间隔(以毫秒计)。param1
、param2
和更多参数:可选。向函数添加的参数(IE9及以下浏览器不支持)。一个代表计时器的唯一标识符。可以使用 clearInterval() 方法来清除该计时器。
在页面中创建一个计时器并每隔一秒钟显示一次当前时间:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
setInterval(function(){
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}, 1000);
</script>
</body>
</html>
setTimeout(function, delay, param1, param2, ...)
function
:必需。要调用的函数或代码串。delay
:在执行函数前需等待的毫秒数。param1
、param2
和更多参数:可选。向函数添加的参数(IE9及以下浏览器不支持)。一个代表计时器的唯一标识符。可以使用 clearTimeout() 方法来取消该计时器。
在页面中创建一个计时器并等待三秒后显示一次当前时间:
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
setTimeout(function(){
var d = new Date();
var t = d.toLocaleTimeString();
document.getElementById("demo").innerHTML = t;
}, 3000);
</script>
</body>
</html>
上述两个示例分别介绍了 SetInterval
和 setTimeout
的使用方法,并提供了代码示例。在实际开发中,开发者可以根据具体需要灵活使用这些方法。需要特别注意的是,计时器的开启和关闭都会占用浏览器资源,因此在使用时应当谨慎选择计时器类型和调整时间间隔,以避免引起性能问题。
本文链接:http://task.lmcjl.com/news/10090.html