`
欧某某
  • 浏览: 4058 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

javascript中定时执行操作

阅读更多
今天有个朋友问我关于定时执行操作的问题,虽然在另一篇文章"JS技巧集合"里已经提到了,但是不够全面,所以在这里专门整理了下.
     
      javascript为定时操作提供了两个方法:
      1、timeId = setTimeout("function();",delaytime);  //timeId就是这个定时器的ID(后面会用到),delaytime的单位是千分之一秒, millisecond
      2、timeId = setInterval("function();",delaytime);  //同上

      这两个定时器是有区别的,setTimeout()是在一段时间后执行指定的方法(称倒计定时器),而setInterval是每隔一段时间后执行指定的方法(称循环定时器)。

      代码1:加载后500毫秒后弹出对话框
      <script lang='javascript'>
      timeId = setTimeout("alert('ok');",500);
      </script>

      代码2:加载后每隔500毫秒后弹出对话框
      <script lang='javascript'>
      timeId = setInterval("alert('ok');",500);
      </script>

      既然上面提到了定时器ID,那么这个ID肯定就有他的用处,这个ID会在定时器执行的过程中当满足一定条件要关闭这个定时器时用到,对应的也提供了两个方法:
      1、clearTimeout(timeId);
      2、clearInterval(timeId);

      现在你就可以在你的网站上任意添加定时操作了。
分享到:
评论

相关推荐

    Python-Devops定时调用http接口定时执行SSH命令的WEB定时任务工具

    项目中定时执行SSH命令的功能,意味着用户可以预先配置好一系列的运维命令,然后由定时任务自动在目标服务器上执行,极大地提升了运维效率。 项目源代码位于OpenMangosteen-master文件夹中,可能包含了以下主要组成...

    定时url,定时任务执行,每隔秒执行请求网址

    在IT领域,定时任务执行和URL请求是两个关键概念,特别是在自动化运维、数据抓取以及系统监控中。本文将深入探讨这两个主题,并介绍一个适用于Windows和Linux系统的稳定工具。 首先,"定时url"指的是设置一个定时器...

    教你一天玩转JavaScript(四)——使用JavaScript实现定时弹出广告定时隐藏广告

    为了在JavaScript中显示和隐藏广告,我们需要对DOM进行操作。通常,我们可以改变广告元素的`style.display`属性。例如,`display:none`隐藏元素,`display:block`显示元素。 7. **防闪烁策略**: 为了避免广告在...

    使用javascript定时切换图片

    在JavaScript编程中,实现“定时...综上所述,实现“使用JavaScript定时切换图片”主要涉及到JavaScript的定时器、DOM操作和数组操作等基础知识,通过合理的代码组织和优化,可以创建出流畅且用户友好的图片轮播效果。

    定时开始和结束执行事件.zip

    定时执行事件,也称为定时器,是指在程序中设置一个触发器,当达到预设的时间条件时,会触发特定的代码块执行。这在Web开发、服务器管理、数据分析等场景下广泛使用,例如网页自动刷新、后台任务调度、定时发送邮件...

    JavaScript入门之事件、cookie、定时等

    JavaScript作为网页开发中最广泛使用的脚本语言之一,其事件处理机制、cookie的应用、定时任务的执行是前端开发的重要知识点,对于初学者来说,理解这些概念对于学习JavaScript至关重要。 ### 事件 (Event) 在Web...

    JQUERY AJAX定时操作服务器数据

    **jQuery AJAX 定时操作服务器数据** 在Web开发中,我们经常需要实现客户端与服务器之间的实时通信,例如轮询更新数据、发送心跳包等。jQuery的AJAX功能为我们提供了便捷的方式来实现这一目标。本篇文章将深入讲解...

    易语言定时任务插件示例

    在IT行业中,定时任务是软件开发中的一个重要组成部分,它允许程序在特定的时间点执行特定的操作。易语言,作为中国本土的编程语言,以其简洁的语法和面向初学者的设计,为开发者提供了实现定时任务的便利。本示例...

    Asp定时执行操作 Asp定时读取数据库(网页定时操作详解)

    在ASP中实现定时执行操作和定时读取数据库,涉及到HTML、JavaScript以及VB编程语言的知识,同时也需要对ASP编程以及Windows服务器环境有所了解。开发者可以根据实际应用场景和具体需求选择合适的方法来实现定时功能...

    用于定时执行异步任务,调用方式类似原生 setInterval-setPromiseInterval.zip

    `setInterval`函数是JavaScript中用于周期性执行某段代码的原生方法,但它不支持Promise,这意味着在异步操作中使用`setInterval`时,我们往往需要嵌套回调函数,这可能导致代码结构混乱,难以维护。`...

    定时Get请求.zip

    定时GET请求的实现通常依赖于定时任务调度器,如Linux的cron、Windows的任务计划程序,或者是编程语言中的定时器库,例如JavaScript的setInterval或Node.js的cron模块。 在提供的压缩包“定时Get请求.zip”中,包含...

    JavaScript中setTimeout的那些事儿

    其中,setTimeout是JavaScript提供的一个非常重要的定时执行函数,它允许开发者设定代码在未来的某个时间点执行。尽管JavaScript是单线程的,但是通过setTimeout等机制,JavaScript能够实现非阻塞的异步编程模型。...

    head first JavaScript源码

    事件处理和DOM操作也是JavaScript在网页交互中的关键部分。通过监听和触发事件,JavaScript可以响应用户的操作,如点击按钮、提交表单等。DOM(文档对象模型)是HTML和XML文档的结构表示,JavaScript可以使用DOM API...

    JavaScript中文手册

    闭包是JavaScript中的一个高级概念,允许函数访问并操作其外部作用域的变量,即使在其父函数已经退出的情况下。 4. **原型与继承** JavaScript的继承基于原型链,每个对象都有一个隐式原型对象,可以通过`__proto_...

    js实现的倒计时定时自动关机源码

    在这个场景中,我们讨论的是使用JavaScript实现的倒计时定时自动关机功能。这个功能允许用户设置一个时间,当倒计时结束时,计算机将自动关闭。以下是关于这个主题的详细知识点: 1. **JavaScript事件循环**: ...

    JavaScript树状结构和时间操作

    时间操作在JavaScript中主要指的是定时任务和延迟任务,这涉及到事件循环和异步编程。JavaScript使用单线程执行模型,为了处理耗时操作(如网络请求),引入了回调函数、Promise、async/await等异步机制。 1. ...

    javascript对象的相关操作小结

    - `setTimeout()`: 定时执行一次函数或表达式。 - `setInterval()`: 定时重复执行函数或表达式。 - 还有其他如`height`、`width`、`left`、`top`等窗口特征属性,以及`onload`、`onmouseover`、`onclick`等事件...

    HTTP请求定时任务自动执行框架 base on HAR Editor and Tornado Server.zip

    Tornado Server在该框架中扮演了核心角色,作为后台服务运行,接收并执行定时任务。通过结合HAR文件中的请求配置,Tornado能够周期性地模拟浏览器发送HTTP请求,实现定时任务的自动化执行。这种设计使得用户无需编程...

    js 每隔两秒执行一个函数 javascript

    在JavaScript编程中,定时执行一个任务是常见的需求,比如每隔两秒执行一个特定的函数。这个功能可以通过JavaScript的内置函数`setInterval`来实现。`setInterval`允许我们指定一个函数,然后按照设定的时间间隔重复...

    javascript经典效果示例

    例如,使用`setInterval`或`setTimeout`实现定时执行的动画,或者利用CSS3的transform和transition属性配合JavaScript实现平滑的页面过渡和元素滑动效果。 事件处理是JavaScript与用户交互的基础,如点击、滚动、...

Global site tag (gtag.js) - Google Analytics