php中setinterval,Javascript 中 setInterval 函数怎么用?

本文详细介绍了JavaScript中的setInterval函数,用于按指定周期调用函数或执行表达式,以及clearInterval函数用于停止setInterval的执行。示例包括每隔三秒弹出'Hello'、实时显示当前时间及如何创建动态进度条。了解这两个函数,能更好地掌握JavaScript的定时任务处理。
摘要由CSDN通过智能技术生成

在JavaScript中setInterval函数的作用是按照指定的周期时间来调用函数或计算表达,其语法为“setInterval(func,ms)”,返回值是一个ID,可以将这个ID传递给“clearInterval”函数来取消执行。

988f8bfee56b2e9df38c831f4a0dece1.png

使用示例

你可以通过调用一个已命名的函数,每三秒(3000 毫秒)弹出 "Hello":var myVar;

function myFunction() {

myVar = setInterval(alertFunc, 3000);

}

function alertFunc() {

alert("Hello!");

}

显示当前时间( setInterval() 方法会每秒执行一次函数,类似手表功能):var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {

var d = new Date();

var t = d.toLocaleTimeString();

document.getElementById("demo").innerHTML = t;

}

使用 clearInterval() 来停止 setInterval 的执行:var myVar = setInterval(function(){ myTimer() }, 1000);

function myTimer() {

var d = new Date();

var t = d.toLocaleTimeString();

document.getElementById("demo").innerHTML = t;

}

function myStopFunction() {

clearInterval(myVar);

}

使用 setInterval() 和 clearInterval()来创建动态进度条:function move() {

var elem = document.getElementById("myBar");

var width = 0;

var id = setInterval(frame, 10);

function frame() {

if (width == 100) {

clearInterval(id);

} else {

width++;

elem.style.width = width + '%';

}

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值