Rumah >hujung hadapan web >tutorial js >javascript实现间隔和延时的方法是什么
javascript实现间隔和延时的方法是什么
- 青灯夜游asal
- 2021-06-22 14:19:314048semak imbas
在javascript中，可以利用定时器setInterval()方法来实现间隔和延时效果，该方法用于按照指定的周期（以毫秒计）来循环调用函数或计算表达式，语法格式“setInterval('需要调用的代码串或函数',毫秒数)”。
本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。
在javascript中，可以利用定时器setInterval()方法来实现间隔和延时效果。
实例：延迟3 秒（3000 毫秒）后弹出 "Hello"
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>点击按钮，3 秒后会弹出 "Hello"。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() {
setTimeout(function(){ alert("Hello"); }, 3000);
}
</script>
</body>
</html>说明：
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec[,"lang"])
| 参数 | 描述 |
|---|---|
| code | 必需。要调用的函数或要执行的代码串。 |
| millisec | 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。 |
返回值：一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
示例：
<!DOCTYPE html>
<html>
<body>
<div id="clock"></div>
<script language=javascript>
var int=
self.setInterval("clock()",50)
function clock()
{
var t=new Date()
document.getElementById("clock").innerHTML=t
}
</script>
</form>
</body>
</html>效果图：
【相关推荐：javascript学习教程】
Atas ialah kandungan terperinci javascript实现间隔和延时的方法是什么. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript怎么获取元素并删除Artikel seterusnya：javascript一维数组元素的和怎么计算