`

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的代码,只需要直接调用就可以了,很方便。也节省了代码的量。

分享到:
评论

相关推荐

    04-JavaScript基础-定时器.pptx

    在 JavaScript 中,定时器可以分为两种:间隔型和延时型。间隔型定时器可以使用 `setInterval` 函数来实现,而延时型定时器可以使用 `setTimeout` 函数来实现。 * 间隔型定时器:使用 `setInterval` 函数来实现,...

    关于JS定时器(setTimeout setInterval)定时不准问题1

    在JavaScript中,setTimeout和setInterval是两个基本的定时器函数,用于实现延迟执行或循环执行某个函数。然而,这两个函数在执行时往往和我们设置的延迟时间有出入。本文将深入探讨JS定时器的执行机制,分析why ...

    js延时函数 JS延时

    在JavaScript编程领域,延时函数(也常被称为定时器或延迟执行函数)是开发者们频繁使用的工具之一。它们主要用于控制代码的执行顺序,为异步操作提供必要的等待时间,从而实现更加灵活和高效的程序设计。根据给定的...

    js延时菜单

    JavaScript(简称JS)是一种轻量级的解释型编程语言,广泛应用在网页开发中,用于实现客户端的交互效果。...总之,js延时菜单是JavaScript交互设计的一个基础实例,对于理解和提升前端开发技能非常有帮助。

    Javascript定时器 一 单线程

    定时器在JavaScript中的应用广泛,如动画效果、轮询服务器、实现延时操作、创建倒计时等。了解它们的工作原理和注意事项,能帮助我们编写出更健壮、高效的代码。 总结,JavaScript定时器在单线程环境下运行,它们...

    js定时器

    JavaScript定时器是Web开发中不可或缺的一部分,它允许我们在指定的时间间隔后执行特定的代码块,为动态更新页面、实现动画效果、延时处理等场景提供了基础。本篇将深入探讨JavaScript中的定时器机制,以及相关的...

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

    以上就是JavaScript中关于间隔定时器和延时定时器的基础知识,包括了setInterval和setTimeout这两个方法的使用,以及如何停止定时器的调用。掌握这些知识点可以帮助我们更好地利用JavaScript进行前端开发,提升页面...

    js滚动延时加载

    JavaScript滚动延时加载,也称为懒加载(Lazy Loading),是一种优化网页性能的技术。...在实际项目中,你还可以结合使用现有的JavaScript库和框架,如Vue.js或React,它们都有成熟的滚动延时加载解决方案。

    JavaScript暂停和继续定时器的实现方法

    在Web开发中,JavaScript是一种非常重要的脚本语言...上述提供的文件内容详细介绍了如何通过清除和设置新的setInterval函数实现定时器的暂停和继续。理解并运用这些技巧将帮助我们在Web开发中实现更灵活的定时器控制。

    定时器计数器_定时器计数器_

    在实际实现上,这种功能可能基于各种编程语言,如JavaScript(用于网页应用)、Python(用于桌面应用)等,利用语言中的定时器和计数器API来实现。例如,在JavaScript中,可以使用`setInterval`和`clearInterval`来...

    js设置时间延时url跳转

    总结起来,"js设置时间延时url跳转"主要涉及JavaScript的`setTimeout()`和`location.href`这两个核心概念,通过它们可以创建出丰富的用户体验,如倒计时跳转,使得页面的交互更加人性化和动态。在实际开发中,根据...

    js设置时间延时url跳转.zip

    【标题】"js设置时间延时url跳转.zip"中的主要知识点是JavaScript的定时器功能,特别是`setTimeout()`函数的应用,以及如何结合URL重定向实现特定时间后自动跳转页面。JavaScript作为网页交互的核心语言,提供了多种...

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

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

    定时器源码

    根据应用场景,定时器可以分为硬件定时器和软件定时器。硬件定时器由CPU的计数器硬件提供,而软件定时器则完全由软件模拟,通常在操作系统层面实现。 1. **定时器的分类** - **一次性定时器**:设定一个时间后,...

    js前端定时器的常见应用

    本文将深入探讨js前端定时器的常见应用,包括菜单导航、无缝滚动、缓冲滚动、淡入淡出效果、延时提示框以及匀速运动停止等。 首先,我们来了解JavaScript中的两个主要定时器函数:`setTimeout()`和`setInterval()`...

    javascript定时器取消定时器及优化方法

    本文将详细介绍如何使用 `setInterval` 和 `setTimeout` 创建和取消 JavaScript 定时器,并探讨定时器优化的方法。 ### 启动定时器 在JavaScript中,可以使用 `window.setInterval` 方法来启动一个定时器,它接受...

    延时实现,Handle

    比如在Node.js中,事件循环机制和异步操作(如文件I/O、网络请求)会返回一个Promise对象,这个Promise就像一个Handle,持有对异步操作的引用,开发者可以通过监听`.then`和`.catch`来处理操作完成后的结果。...

    使用JS中定时器限制点击按钮发送短信

    在这里,我们将深入探讨如何使用JavaScript中的定时器来实现这一功能,以及其背后的原理和应用场景。 首先,我们要理解定时器在JavaScript中的作用。`setTimeout`和`clearTimeout`是JavaScript中处理异步操作的关键...

    JavaScript定时器详解及实例

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

    定时器.docx(个人学习总结)

    正确处理`this`的指向,避免字符串作为参数以及合理选择定时器和for循环的使用场景,都是优化代码性能和保证程序安全的关键。在实际开发中,应根据具体需求和上下文来决定使用哪种方法,以实现最佳的用户体验和代码...

Global site tag (gtag.js) - Google Analytics