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)

相关推荐

  • 烤肉食材有哪些,烤肉的时候烤什么食材比较好吃

    技术烤肉食材有哪些,烤肉的时候烤什么食材比较好吃又到了吃烧烤的季节了,每年夏季我们家都会组织几次大型的烧烤聚会。我们家姊妹多,每个姊妹家里的儿女,孙子烤肉食材有哪些、外甥等一起过来,几十个人聚在一起特别热闹。
    我们每家都

    生活 2021年10月26日
  • 英文字母26个大小写,英语26个英文字母大小写怎样

    技术英文字母26个大小写,英语26个英文字母大小写怎样A a [ei] B b [bi:] C c [si:]D d [di:] E e [i:] F f [ef]
    G g [d3i:] H h [eit∫] I i [

    生活 2021年10月23日
  • 如何安装系统监控工具glances

    技术如何安装系统监控工具glances本篇文章为大家展示了如何安装系统监控工具glances,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。作为运维不仅要时时监控系统,还需要优雅的

    攻略 2021年12月9日
  • 二手车好吗,你觉得二手车能不能买,为什么

    技术二手车好吗,你觉得二手车能不能买,为什么二手车可以买二手车好吗,但是你要买对品牌,不是什么车都可以买二手的。接触了汽修行业十几年,我来跟你说说哪些二手车可以买,哪些二手车不能买吧。
    美系车,通用系的,二手是真的不敢买

    生活 2021年10月28日
  • 动词ing形式,动词的ing形式如何变

    技术动词ing形式,动词的ing形式如何变动词ing形式如何变动词ing形式:1、一般情况下直接+ing;如:flying;
    2、以不发音的e结尾(或辅音字母+e结尾)的单词,去掉e+ing;如:make-making,

    生活 2021年10月26日
  • 分析Redis中的字典、哈希算法和ReHash原理

    技术分析Redis中的字典、哈希算法和ReHash原理本篇内容介绍了“分析Redis中的字典、哈希算法和ReHash原理”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处

    攻略 2021年11月5日