`
myzhijie
  • 浏览: 28698 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

javascript 定时器详解

阅读更多

     在web应用中,我们经常会用到定时器,例如在页面上显示倒计时,在也面上显示实时时间等。今天我把javascript的定时器的使用整理一下,方便大 家的使用,也欢迎大家多提意见。

  javascript的定时器有两种,第一种是倒计时定时器,可以这样定义:var timeName=setTimeOut("timeOutFunc()",delayTime);

  其中timeId是我们定义这个定时器的Name。setTimeOut 函数包含两个参数,第一个参数是当这个定时器时间到后执行的函数名称,第二个参数是这个定时器延迟的时间,也就是多长时间后执行函数 timeOutFunc,这个时间单位是毫秒。

    var timeName=setTimeOut("timeOutFunc()",1000);就是一秒钟后执行函数timeOutFunc。

 

   第二种用法,循环定时器:timename=setInterval("function();",delaytime); 

   function()是定时器触发时要执行的是事件的函数,可以是一个函数,也可以是几个函数,delaytime则是间隔的时间,以毫秒为单位。 

  倒计时定时器就是在指定时间后触发事件,而循环定时器就是在间隔时间到来时反复触发事件,其区别在于:前者只是作用一次,而后者则不停地作用。 

  有时候我们也想去掉一些加上的定时器,此时可以用clearTimeout(timename) 来关闭倒计时定时器,而用 clearInterval(timename)来关闭循环定时器。

2
2
分享到:
评论

相关推荐

    JavaScript定时器详解及实例

    JS里设定延时: 使用SetInterval和... clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象 使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方法来

    【JavaScript源代码】JavaScript定时器实现限时秒杀功能.docx

    ### JavaScript定时器实现限时秒杀功能 #### 一、概述 在电商领域,限时秒杀是一种常见的促销手段,能够有效吸引用户关注并刺激购买欲望。本文将详细介绍如何使用JavaScript实现一个简单的限时秒杀功能,包括倒...

    JavaScript定时器使用方法详解

    JavaScript定时器是编程中用于控制程序执行时机的重要工具,它们允许开发者在特定的时间间隔或延迟后执行特定的函数或任务。本文将详细讲解JavaScript中的两种主要定时器:`setInterval()` 和 `setTimeout()`,以及...

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

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

    最好的javascript学习教程-JavaScript使用详解

    本教程《最好的javascript学习教程-JavaScript使用详解》涵盖了以上所有内容,通过阅读和实践,你将能够熟练掌握JavaScript,并运用到实际的Web开发中去。无论你是初学者还是经验丰富的开发者,都能从中受益匪浅。

    JavaScript定时器setTimeout()和setInterval()详解

    JavaScript定时器是编程中用于控制时间流的重要工具,它们允许我们延迟执行代码或者周期性地重复执行代码。本文将深入探讨两种主要的定时器:`setTimeout()`和`setInterval()`。 1. **超时调用setTimeout()** `...

    详解javascript高级定时器

    除了定时执行,JavaScript定时器还可以用于实现函数节流(Throttling)。函数节流是一种优化技术,用于限制函数的频繁执行,特别是对于那些昂贵的操作,如DOM操作。通过设置一个时间间隔,只有在特定时间段内没有...

    简单的jsp 定时器实例

    4. **JavaScript定时器** 在JSP页面上,可以使用JavaScript来实现用户界面的定时刷新,比如使用`<script>`标签和setInterval()函数。但要注意,JavaScript的定时器是客户端的,只对当前浏览器窗口有效,如果用户...

    javascript使用详解

    6. **BOM处理**:介绍浏览器对象模型(BOM),包括窗口、导航、历史、屏幕、位置、定时器等,以及如何通过JavaScript进行页面导航和弹出对话框。 7. **AJAX与Fetch API**:讲解如何实现异步数据通信,包括...

    JavaScript-定时器0~9抽奖系统详解(代码)

    JavaScript定时器0~9抽奖系统是一种常见的互动娱乐功能,常用于网页或应用中,增加用户参与度。这个系统的核心在于使用JavaScript的定时器(`setInterval`和`clearInterval`)来实现数字滚动效果,模拟抽奖的过程。...

    JavaScript动态网页开发详解——JavaScript特效

    在“JavaScript动态网页开发详解——JavaScript特效”这一主题中,我们将深入探讨JavaScript如何实现各种炫酷的网页效果。 一、JavaScript基础 在讨论特效之前,我们需要了解JavaScript的基础。JavaScript语法与...

    javascript运动详解

    <title>JavaScript 运动详解 #div1 { width: 150px; height: 200px; background: green; position: absolute; left: -150px; } #div1span { position: absolute; width: 20px; height: 60px; line-height: 20px...

    【JavaScript源代码】利用JS定时器实现元素移动.docx

    ### JavaScript定时器实现元素移动详解 #### 一、前言 在前端开发中,通过JavaScript实现元素的动态效果是常见的需求之一。其中,利用定时器(Timer)来控制元素的移动是一种非常实用的技术手段。本文将详细介绍...

    JavaScript 使用详解

    - **定时器**:setTimeout和setInterval用于延迟执行或周期性执行任务。 4. **面向对象编程** - **构造函数**:用于创建具有特定属性和方法的对象。 - **原型链**:JavaScript中的继承机制,通过原型对象实现...

    HTMLCSSJavaScript整合详解

    JavaScript可以操作DOM(文档对象模型)来改变HTML元素,使用AJAX(异步JavaScript和XML)实现页面局部更新,使用定时器(`setTimeout`和`setInterval`)执行延时或周期性任务,以及处理各种用户事件(如点击、滚动...

Global site tag (gtag.js) - Google Analytics