`

js定时器

    博客分类:
  • js
js 
阅读更多
(1)var  p_timer=setInterval(函数,1000); //每隔1秒执行一次函数

     window.clearInterval(p_timer); //销毁定时器


(2)var  p_timer2=SetTimeOut(函数,1000);一秒后执行函数


ClearTimeout(p_timer2);//销毁定时器



在特殊情景下,我们可能需要每隔一段时间的局部刷新页面,请求数据。这时,setInterval方法是不错的选择,但是,在离开本页面时,一定要销毁这个定时器,不然,这个定时器会一直请求服务器,取数据。因为setInterval方法是window对象的,浏览其他页面也只是改变了document,除非关闭浏览器,不然会一直存在。所以,可以在定时器中加个判断,当页面的window.location.hash发生改变时(也就是地址栏变了时),执行销毁定时器。

分享到:
评论

相关推荐

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

    关于JS定时器(setTimeout setInterval)定时不准问题1 在JavaScript中,setTimeout和setInterval是两个基本的定时器函数,用于实现延迟执行或循环执行某个函数。然而,这两个函数在执行时往往和我们设置的延迟时间...

    Javascript定时器 一 单线程 修正

    JavaScript定时器是编程中不可或缺的一部分,它允许我们延迟或周期性地执行代码。在这个主题中,我们将深入探讨JavaScript中的定时器机制,特别是与单线程环境相关的方面。 首先,JavaScript是一种解释型、基于原型...

    js定时器例子

    JavaScript定时器是JavaScript编程中的重要概念,主要用于在特定时间间隔执行特定任务。在这个"js定时器例子"中,我们可以深入探讨两种主要类型的定时器:`setTimeout`和`setInterval`。 1. `setTimeout`定时器: ...

    js定时器(执行一次、重复执行)

    JavaScript定时器是编程中用于控制代码执行时机的重要工具,它们允许开发者在特定的时间间隔后执行某段代码。本文将深入探讨两种主要类型的JavaScript定时器:一次性执行的定时器(setTimeout)和重复执行的定时器...

    轻松解决JavaScript定时器越走越快的问题

    解决JavaScript定时器越走越快的问题 之前在项目中写了定时器来做循环播放,但是总是会有越走越快的问题,开始是以为前后的HTML代码拼接的有问题,时间紧急的情况下反复改了很多也没什么效果,后来发现是js定时器的...

    Javascript定时器 一 单线程

    JavaScript定时器是编程中不可或缺的一部分,它允许我们延迟或周期性地执行代码,为Web应用程序带来动态和交互性。在JavaScript的世界里,定时器主要由`setTimeout`和`setInterval`两个函数提供。本篇文章将深入探讨...

    js 封装定时器解决多次调用定时器叠加问题及定时器无法清除的问题

    在JavaScript编程中,定时器(Timer)是常用于实现异步操作的重要工具,例如延迟执行、周期性执行任务。然而,如果不妥善管理,定时器可能会引发一些问题,比如多次调用定时器导致叠加,以及定时器无法清除。本文将...

    关于js定时器和js事件基础案例小练习附知识点.html

    每天进步一点点,加油!

    js定时器实例红绿灯效果网页

    首先,让我们了解一下JavaScript定时器。在JavaScript中,有两个主要的定时器方法:`setTimeout()` 和 `setInterval()`. `setTimeout()` 用于在指定的毫秒数后执行一次函数,而 `setInterval()` 则会每隔一定时间...

    js定时器+ajax,间隔10s调用一次

    主要用于消息提醒,利用js页面定时器,定时提交ajax请求,查询最新的消息记录。改了很多次,终于成功了。

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

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

    Javascript定时器 三 setTimeout func 0

    JavaScript定时器是编程中一种非常重要的机制,它允许我们在特定的时间间隔后执行代码。本篇文章主要探讨`setTimeout(func, 0)`这一特定用法,它在JavaScript中的作用和实际应用场景。 `setTimeout`函数是...

    JavaScript定时器范例2则

    JavaScript定时器是Web开发中非常重要的一个概念,它允许开发者在特定的时间间隔内执行某段代码,从而实现动态效果或者异步操作。本篇将详细讲解两个JavaScript定时器的使用范例。 首先,我们来看看JavaScript中的...

    JavaScript事件添加定时器

    很多人都会遇到图片的轮播效果,并且两分钟播放一下,这时候就会需要定时器,那么js定时器是什么?js定时器是利用js实现定时的一种方法,在网站上有很多用途都是用到定时器,很多在线时钟的制作,图片轮播的实现,...

    javascript定时器实现的蛇形文字

    JavaScript定时器实现的蛇形文字是一种有趣的编程小实验,它利用了JavaScript的动态特性来创建一个类似游戏"贪吃蛇"的文字效果。在这个程序中,字符会在页面上以蛇形移动,给人带来一种视觉上的趣味性。这个效果的...

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

    javascript定时器取消定时器及js定时器优化方法 通常用的方法: 启动定时器: window.setInterval(Method,Time) Method是定时调用的js方法 Time是间隔时间,单位是毫秒 取消定时器: clearInterval(Method);...

    js定时器+简单的动画效果实例

    通过以上两个示例,我们可以看到JavaScript定时器在实现网页动态效果中的核心作用。它允许开发者按照预定的时间间隔执行一系列操作,从而创造出流畅的动画体验。结合CSS样式和JavaScript事件处理,我们可以创造出...

Global site tag (gtag.js) - Google Analytics