JavaScript setTimeout() 函数详解与倒计时实现

作者:闭包旅人时间:2026-10-27 19:34:09浏览:153

本文详细介绍JavaScript中setTimeout()函数的定义、语法及参数说明,并通过一个具体的倒计时按钮示例展示其实际应用。文章解释了如何设置执行代码和等待毫秒数,同时提示了单次执行与循环调用的区别,帮助开发者掌握基础定时器的使用方法。

setTimeout() 函数基础

定义与功能概述



setTimeout() 是 JavaScript 中用于在指定毫秒数延迟后执行函数或计算表达式的内置方法。



语法结构



setTimeout(code, millisec)



参数说明



code(必需):指定在定时器到期后要执行的 JavaScript 代码字符串或函数引用。


millisec(必需):指定执行代码前需要等待的毫秒数。



注意事项



需要注意的是,setTimeout() 默认只执行一次 code。若需多次调用,应使用 setInterval() 或在 code 内部再次调用 setTimeout() 来实现循环。



倒计时功能实现示例

应用示例


代码实现如下:

 
<script language="javascript">
function timer(){
var value=Number(document.all['time'].value);
if (value>1) document.all['time'].value=value-1;
else {
document.all['time'].value="同意";
return false;
} 
window.setTimeout("timer()",1000);
} 
</script>
<body onload="timer()">
<input name="time" value="10" type="button" style="width:40px;" />
</body>
作者最新文章