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)

相关推荐

  • 重名剔除(Deduplicate)

    技术重名剔除(Deduplicate) 重名剔除(Deduplicate)清华OJ——数据结构与算法实验(中国石油大学)重名剔除(Deduplicate)Description
    Mr. Epicure

    礼包 2021年11月27日
  • 如何理解Web服务器网关接口

    技术如何理解Web服务器网关接口这篇文章给大家介绍如何理解Web服务器网关接口,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。Python 社区当然也需要这样一套 API,来适配Web服务器和应用程序

    攻略 2021年11月16日
  • SpringBoot HATEOAS的原理是什么

    技术SpringBoot HATEOAS的原理是什么本篇文章给大家分享的是有关SpringBoot HATEOAS的原理是什么,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小

    攻略 2021年11月23日
  • express框架

    技术express框架 express框架Express框架
    Express简化了关于NodeJS应用的开发
    官网地址:https://www.expressjs.com.cn/使用npm instal

    礼包 2021年10月19日
  • 生成器与常见内置函数

    技术生成器与常见内置函数 生成器与常见内置函数异常捕获补充
    # 异常捕获的完整形式
    try:name
    except NameError as e:pass
    except Exception as e:p

    礼包 2021年11月23日
  • docker如何启动已经创建好的容器(docker容器启动时运行一些指令)

    技术Docker容器创建、启动、和停止的方法是什么这篇文章主要讲解了“Docker容器创建、启动、和停止的方法是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Dock

    攻略 2021年12月13日