JavaScript SetInterval与setTimeout使用方法详解
SetInterval
语法
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
语法
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 的使用方法，并提供了代码示例。在实际开发中，开发者可以根据具体需要灵活使用这些方法。需要特别注意的是，计时器的开启和关闭都会占用浏览器资源，因此在使用时应当谨慎选择计时器类型和调整时间间隔，以避免引起性能问题。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：JavaScript SetInterval与setTimeout使用方法详解 - Python技术站
微信扫一扫 
支付宝扫一扫 