hi,欢迎访问本站!
当前位置: 首页Web前端正文

js中延时函数的介绍

墨初 Web前端 231阅读

在js脚本中内置了两个延时函数的方法,分别为setTimeout延迟定时器和setInterval循环定时器,下面是对这两个函数的介绍以及用法,大家可以参考一下。

js setTimeout()方法

setTimeout():在指定的毫秒数后执行或调用逻辑。

例:

// 3秒后弹出alert
setTimeout(function(){
    alert('对不起, 要你久候');
}, 3000 );

例2:

// 3秒后弹出alert
setTimeout('s()',3000);
function s()
{
    alert('73so.com');
}

js setInterval() 方法

setInterval():周期性的执行指定的代码:

例:

// 间隔1秒输出内容
setInterval(function(){
    console.log("Hello World!");
}, 1000);

例2:

let i = 10;
setInterval(function(){
    console.log(i+'秒');
    i--;
}, 1000);

js setTimeout和setInterval的区别

1、setTimeout()只执行一次,setInterval()可以执行多次;

2、两个函数的参数也相同,第一个参数是要执行的code或句柄,第二个是延迟的毫秒数;

3、setTimeout用于延迟执行某方法或功能,setInterval则一般用于刷新表单,对于一些表单的假实时指定时间刷新同步。

声明:无特别说明,转载请标明本文来源!
相关推荐