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)

相关推荐

  • 【9036期】JUC多线程---AQS抽象队列同步器原理

    技术【9036期】JUC多线程---AQS抽象队列同步器原理 【9036期】JUC多线程---AQS抽象队列同步器原理AQS 的工作原理
    什么是 AQS
    AQS,Abstract Queued Sync

    礼包 2021年12月23日
  • rabbitmq如何确保消息不丢失 chengtian

    技术rabbitmq如何确保消息不丢失 chengtian rabbitmq如何确保消息不丢失 chengtian上篇写了掌握Rabbitmq几个重要概念,从一条消息说起,这篇来总结关于消息丢失让人头痛

    礼包 2021年12月21日
  • 各种动态渲染Element方式的性能分析

    技术各种动态渲染Element方式的性能分析本篇内容介绍了“各种动态渲染Element方式的性能分析”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大

    攻略 2021年11月15日
  • Linux字符设备控制怎么实现

    技术Linux字符设备控制怎么实现本篇内容介绍了“Linux字符设备控制怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有

    攻略 2021年11月23日
  • Linux驱动实践:你知道【字符设备驱动程序】的两种写法吗

    技术Linux驱动实践:你知道【字符设备驱动程序】的两种写法吗 Linux驱动实践:你知道【字符设备驱动程序】的两种写法吗作 者:道哥,10+年嵌入式开发老兵,专注于:C/C++、嵌入式、Linux。

    礼包 2021年11月19日
  • redis有哪些缺点(redis的缺点有哪些)

    技术Redis有哪些优势这篇文章主要为大家展示了“Redis有哪些优势”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Redis有哪些优势”这篇文章吧。Redis有什么优势?1

    攻略 2021年12月16日