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)

相关推荐

  • 3元一万粉抖音自助网站,抖音刷赞的重要性!

    技术3元一万粉抖音自助网站,抖音刷赞的重要性!在抖音上发布作品,没有人点赞是一件很尴尬的事情,就相当于你的作品已经被抖音抛弃了。想要抖音点赞,可以寻找代刷抖音点赞的网址,抖音刷赞网址靠谱的有吗?这里推荐一个给大家,就这个

    测评 2021年10月26日
  • Vue3之VueX语法

    技术Vue3之VueX语法本篇内容主要讲解“Vue3之VueX语法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue3之VueX语法”吧!到此,相信大家对“Vue3之Vue

    攻略 2021年10月22日
  • 如何进行MongoDB查询文档

    技术如何进行MongoDB查询文档如何进行MongoDB查询文档,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。查询文件使用inventory集合。插入inv

    攻略 2021年11月4日
  • Centos下安装mysql命令怎么写

    技术Centos下安装mysql命令怎么写这篇文章主要为大家展示了“Centos下安装mysql命令怎么写”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Centos下安装my

    攻略 2021年11月15日
  • centos安装jdk1.8并配置环境变量(linux下载jdk并配置java环境)

    技术CentOS系统下如何安装及配置JDK这篇文章主要为大家展示了“CentOS系统下如何安装及配置JDK”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CentOS系统下如何

    攻略 2021年12月20日
  • 怎么理解PHP7.2忽略父类方法以及Liskov替换原则相关问题

    技术怎么理解PHP7.2忽略父类方法以及Liskov替换原则相关问题这篇文章主要介绍“怎么理解PHP7.2忽略父类方法以及Liskov替换原则相关问题”,在日常操作中,相信很多人在怎么理解PHP7.2忽略父类方法以及Li

    攻略 2021年11月16日