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)

相关推荐

  • false函数,函数FALSE是什么意思

    技术false函数,函数FALSE是什么意思=VLOOKUP($C$3:$C$100,1月份!$A$2:$D$70,3,FALSE)是一个数组公式,应按“Shift”+“Ctrl”+“Enter”键,公式将变为{=VLO

    生活 2021年10月28日
  • Python OpenCV与机器学习的碰撞举例分析

    技术Python OpenCV与机器学习的碰撞举例分析本篇内容主要讲解“Python OpenCV与机器学习的碰撞举例分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Pyt

    攻略 2021年12月4日
  • 基于etcd实现大规模服务治理应用实战

    技术基于etcd实现大规模服务治理应用实战 基于etcd实现大规模服务治理应用实战基于etcd实现大规模服务治理应用实战 https://mp.weixin.qq.com/s/1VmMZlMEv-In9

    礼包 2021年11月11日
  • 常用语法及示例

    技术常用语法及示例 常用语法及示例接口测试常用库:
    RequestsLibraryCollectionsJSONLibraryHttpLibrary.HTTP
    Set Global Variable
    使

    礼包 2021年11月30日
  • 80创业,80年代后应该如何创业

    技术80创业,80年代后应该如何创业如今的80后有着自己独特的创业方式80创业,但无论何种方式都不能脱离脚踏实地。创业对于80后来说是一次人生的转折,是一次新的选择,所以要谨慎,更要去坚持。
    第一条,确定方向
    方向不是目

    生活 2021年10月27日
  • mysql中pt-online-schema-change怎么用

    技术mysql中pt-online-schema-change怎么用这篇文章主要介绍了mysql中pt-online-schema-change怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后

    攻略 2021年11月2日