`

js设置延时和定时器

 
阅读更多

JS里设定延时:
使用SetInterval和设定延时函数setTimeout 很类似。
setTimeout 运用在延迟一段时间,再进行某项操作。
setTimeout("function",time) 设置一个超时对象

  1. setInterval("function",time) //设置一个超时对象


SetInterval为自动重复,setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象
clearInterval(对象) 清除已设置的setInterval对象
一、什么叫做JavaScript 的计时事件
使用JavaScript可以实现代码的延时执行,也就是说当一个函数被调用时不立即执行某些代码,而是等一段指定的时间后再执行,这就叫做计时事件。
二、JavaScript 的计时事件的函数

  1. setTimeout() //- 在指定时间后执行代码 
  2. clearTimeout() //- 取消 setTimeout()


注意: setTimeout() 和 clearTimeout() 都是HTML DOM 的 Window 对象的函数。
三、setTimeout详解
var t=setTimeout("javascript 语句",时间参数) 
注:时间参数单位为毫秒
示例:var t=setTimeout("alert('3 seconds!')",3000)
如果js语句带变量,则必须用+号将变量连接起来,如:
var t=setTimeout("document.getElementById("+menuid+").style.display='none'",3000)
四、clearTimeout详解
语法:clearTimeout(setTimeout的变量名)
示例:clearTimeout(t)    //其中t为前面设置的setTimeout的变量
使用clearTimeout可以随时停止计时。
五、应用技巧
建议将setTimeout单独设置为一个函数。如:

  1. function delayRun(code,time) {
  2.   var t=setTimeout(code,time);
  3. }


这样,在需要让某段代码延时执行的时候,只需在这段代码前加入这个函数就可以了。如:
onmouseover=delayRun("setTab(0,0)",500)
其中setTab是一个自定义的函数。如果以后不想让setTab延时执行,则去掉语句中的delayRun相关的代码即可,
改为:onmouseover=setTab(0,0) 就可以了。
这种写法避免每一个需要延时的地方都写一段setTimeout的代码,只需要直接调用就可以了,很方便。也节省了代码的量。

分享到:
评论

相关推荐

    javascript间隔定时器(延时定时器)学习 间隔调用和延时调用

    主要介绍了javascript间隔调用和延时调用示例,介绍setInterval方法和clearInterval方法的使用方法,大家参考使用吧

    JavaScript定时器设置、使用与倒计时案例详解

    本文实例讲述了JavaScript定时器设置、使用与倒计时案例。分享给大家供大家参考,具体如下: 1、设置定时器 定时器,适用于定时执行的任务中。在BOM的window对象中,有这样的两个函数是用于设置定时器 setTimeout...

    JavaScript定时器使用方法详解

    本文实例为大家分享了JavaScript定时器使用的具体代码,供大家参考,具体内容如下 定时器分类 1、循环执行:一段程序能够每间隔...设置定时器:【var timeid = window.setInterval(“方法名或方法”,“延时”);】 清

    JavaScript定时器详解及实例

    JS里设定延时: 使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。 setTimeout(“function”,time) 设置一个超时对象 setInterval(“function”,time) 设置一个...

    Javascript中setTimeOut和setInterval的定时器用法

    Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...

    js前端定时器的常见应用

    js定时器应用的小案例,主要包括有菜单导航、无缝滚动、缓冲滚动、淡入淡出、延时提示框、匀速运动停止等等。

    JavaScript定时器的简单小案例

    清除定时器可以用延时器来完成。 clearInterval(定时器名称); 举一个简单的例子 let sum = setInterval(function(){ console.log(x); },100); let x=9; steTimeout(function(){ clearInterval(sum); },300) ...

    node.js中的定时器nextTick()和setImmediate()区别分析

    本文介绍了node.js中的定时器nextTick()和setImmediate()的区别分析,非常的不错,这里推荐给大家。

    javascript中SetInterval与setTimeout的定时器用法

    它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等,本文文章通过代码示例给大家介绍javascript中SetInterval与setTimeout的定时器用法

    js实现秒表以及进度条.md

    3)window.setTimeout(函数名称,时间)//延时定时器,执行一次 4)window.clearTimeout(定时器的返回值);停止定时器 2:document.getElementById() 功能:获取特定ID元素的节点 参数:ID的属性名 返回值:dom...

    延时加载JavaScript代码提高速度

    延时加载js代码提高速度,具体...可以使用定时器函数setTimeout()让外部的js文件延迟加载,例如: [removed][removed] [removed] var js=document.getElementById(my); function addjs(){ js.src=js/js.js; } setTim

    JS中setTimeout和setInterval的最大延时值详解

    JavaScript提供定时执行代码的功能,叫做定时器(timer),主要由setTimeout()和setInterval()这两个函数来完成。而这篇文中主要给大家介绍的是关于JS中setTimeout和setInterval最大延时值的相关问题,需要的朋友们...

    javascript 定时器工作原理分析

    setTimeout 的语法非常简单,第一个参数为回调函数,第二个参数为延时的时间。函数返回一个数值类型的ID唯一标示符,此ID可以用作 clearTimeout 的参数来取消定时器: var timeoutID = window.setTimeout(code, ...

    Js定时任务

    1- 执行一次(延时定时器) var t1 = window.setTimeout(function() { console.log(‘1秒钟之后执行了’) },1000) window.clearTimeout(t1) // 去除定时器 2- 重复执行(间歇定时器) var t2 = window.setInterval...

    toniewei#JavaScript-3#第13章 定时器与延迟函数1

    // 延时1s执行// 或写成如果需要执行的函数没有参数,可以采用上例的第一种写法,如果需要带参数的话,就需要采用上例的第二种写法,但是采用上例的第二种写法需要

    Js仿Discuz!鼠标响应头像显示用户信息代码.rar

    鼠标放头像上,会出现此头像的用户信息,比如用户ID、金钱、威望等,使用了一个封装的JS类,可设置Tip样式,offset参数修正,移入Tip对象时保持显示状态,这里要注意,如果是外部元素进入,说明当前是隐藏延时阶段,...

    快照相机 SnapCam_HDR_6.0.0_patched

    - 自拍定时器延时 - 连拍模式设置 - 延时拍摄 - 视频对焦方式 - JPEG质量 - 效果 - ISO - 防闪烁 - 取景检测 - 视频比特率 - 音频设置 照片编辑器包括: - 添加颜色效果 - 添加边框 - 修剪、旋转、镜像 - 拉直 - ...

Global site tag (gtag.js) - Google Analytics