js中setInterval和setTimeout区别和用法

技术js中setInterval和setTimeout区别和用法 js中setInterval和setTimeout区别和用法setTimeout
setTimeout() //- 在指定时间后执行代码

js中setInterval和setTimeout的区别和用法

setTimeout

SetTimeout()///-在指定时间后执行代码。

cleartime out()///-取消设置超时()

注意: setTimeout()和clearTimeout()是HTML DOM的Window对象的函数。

用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。

语法: setTimeout(代码,毫秒)

代码(必需):在要调用的函数之后要执行的JavaScript代码字符串。

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

提示:setTimeout()只执行一次代码。如果要多次调用它,请使用setInterval()或者让代码本身再次调用setTimeout()。

调用函数的两种编写方法:

函数page _ list(){ 0

警报(‘石欢’);

}

window.setTimeout(page_list,5000);//表示page_list()函数的执行延迟为5秒。

window.setTimeout(‘page_list()’,30000);//表示page_list()函数的执行延迟为30秒。

ClearTimeout可以随时停止计时器。

应用技能

建议将setTimeout单独设置为一个函数。例如:

函数delayRun(代码,时间){ 0

var t=setTimeout(代码,时间);

}

这样,当您需要延迟某段代码的执行时,只需要在这段代码之前添加这个函数。例如:

onmouseover=delayRun(‘setTab(0,0 ‘),500)

SetTab是一个自定义函数。如果以后不想延迟setTab的执行,只需删除语句中与delayRun相关的代码即可。

将其更改为onmouseover=setTab(0,0)。

这种编写方法避免了在每个需要延迟的地方编写setTimeout代码,直接调用方便。也节省了代码量。

setInterval

interval()方法可以在指定的时间段(以毫秒为单位)调用函数或计算表达式。

setInterval()方法一直调用函数,直到调用clearInterval()或关闭窗口。

setInterval()返回的ID值可以用作clearInterval()方法的参数。

语法

设置间隔(代码,毫秒)

需要代码。要调用的函数或要执行的代码字符串。

需要毫秒。定期执行或调用代码之间的时间间隔,以毫秒为单位。

一个值,可以传递给Window.clearInterval()来取消代码的定期执行。

示例:

var leftSeconds=10

var intervalId

$(function(){ 0

$(‘#btnReg ‘)。attr(‘disabled ‘,true);

intervalId=setInterval(‘倒计时()’,1000);

});

函数倒计时(){ 0

if(left seconds=0){ 0

$(‘#btnReg ‘)。val(‘ submit ‘);

$(‘#btnReg ‘)。attr(‘disabled ‘,false);

clearInterval(intervalId);

返回;

}else{

left seconds-;

$(‘#btnReg ‘)。val(‘请仔细阅读’ leftSeconds ‘秒’);

}

}

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/89927.html

(0)

相关推荐

  • angular怎么设置全局变量(angular模板使用全局变量)

    技术angular怎么设置全局变量本篇内容主要讲解“angular怎么设置全局变量”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“angular怎么设置全局变量”吧!在angu

    攻略 2021年12月21日
  • 玛咖是什么东西有什么作用,玛卡万万不能乱吃,为什么

    技术玛咖是什么东西有什么作用,玛卡万万不能乱吃,为什么玛卡万万不能乱吃玛咖是什么东西有什么作用,为什么?玛卡不能乱吃,是因为长期大量吃玛卡具有明显的副作用及损害,如上火、甲状腺肿大、过敏、皮肤痤疮等。玛卡也叫玛咖,是一种

    生活 2021年10月27日
  • 白凡士林的作用与用途,白凡士林可以用来护肤吗

    技术白凡士林的作用与用途,白凡士林可以用来护肤吗凡士林是当今世界性价比最高的护肤品,它的价格并不高,但是它的价值很高。因此有很多经济拮据却非常爱美的人会选择凡士林。不过,也有人担心凡士林会有副作用,担心用凡士林擦脸是不合

    生活 2021年10月19日
  • 什么是java非公平锁

    技术什么是java非公平锁这篇文章主要介绍“什么是java非公平锁”,在日常操作中,相信很多人在什么是java非公平锁问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”什么是java非公平锁”

    攻略 2021年10月20日
  • 如何使用attrs来告别Python中的样板

    技术如何使用attrs来告别Python中的样板如何使用attrs来告别Python中的样板,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。在

    攻略 2021年10月26日
  • 12.18 课程总结

    技术12.18 课程总结 12.18 课程总结大三上半学期转眼就进入了尾声,又是一个充满了代码和压力的学期,疫情好转但是疫情防控不容忽视,所以自从开学到校之后依旧是不能够自由进出校园。大三上学期学习了很

    礼包 2021年12月18日