`
sunwenpeng
  • 浏览: 10357 次
社区版块
存档分类
最新评论

js中的setTimeout和setInterval

    博客分类:
  • js
阅读更多
  12月底到的北京。
  我做的第一件事就是调试之前一直做的party-bid应用,包括服务器端数据同步的功能。party-bid应用app不是重点,其实公司要用来展示的,主要是网页端的展示。因为时间比较急,应用的页面主要是过去的版本,功能还是要自己实现。首先进入的是竞价人列表,这个列表要求于手机端app数据同步,也就是说,列表必须实时的更新数据。
  最简单的方法是在页面head加入:
  %meta(http-equiv="refresh" content="3")

  这样是可以实现页面的每隔3秒刷新一次的功能,但会出现一个问题。当你点击页面上其他的按钮跳转到其它不需要刷新的页面的时候,在其它页面也会刷新一次,自动回到原先的页面。
  这时,我尝试着用js的方法来实现,这需要在haml中嵌入js代码,最初是这样更新的:
:javascript
  setTimeout("location.href='bid_show'",3000)

  这样做问题还是没有解决掉。在网上查找后,如果不用setTimeout,可以用setInterval的方法来做,两者是有区别的:
  setTimeout是延迟一定时间后来执行function or code,而setInterval是每隔一定时间执行code,之所以setTimeout可以完成持续刷新页面的功能,是因为在setTimeout的function中重复调用的了自己。
  这是setTimeout 和setInterval的区别。但两者都没有解决上面的问题,很明显,他们持续刷新后并没有一个机制来让他们停止下来,让刷新停止下来应该就是关键所在。上网一查,果然有相关解决方法:
:javascript
  var refresher_all;
  refresher_all = setInterval("location.href='bid_show'",3000)
  function stop_refresh_all(){
        window.clearInterval(refresher_all)
        //location.href='no_repeat_info'
  }
分享到:
评论

相关推荐

    JavaScript中setTimeout和setInterval函数的传参及调用_.docx

    JavaScript 中 setTimeout 和 setInterval 函数的传参及调用 在 JavaScript 中,setTimeout 和 setInterval 函数都是用于在指定的时间点执行某个函数的,但是它们的传参方式和调用方式却有所不同。 setTimeout ...

    Javascript中setTimeOut和setInterval的定时器用法

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

    快速掌握Node.js中setTimeout和setInterval的使用方法

    今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...

    Javascript中, setTimeout() 和 setInterval() 的方法

    在JavaScript编程中,`setTimeout()`和`setInterval()`是两个非常关键的函数,它们用于实现异步编程,特别是在处理动画、定时任务或者延迟执行代码时不可或缺。这两个函数都是全局对象`window`的方法,它们的区别...

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

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

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

    而这篇文中主要给大家介绍的是关于JS中setTimeout和setInterval最大延时值的相关问题,需要的朋友们下面来一起学习学习吧。 先来看这样一段代码: function update() { loadData().then(function(data) { $('#...

    JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别

    ### JS中的setTimeout与setInterval的区别 在JavaScript编程中,`setTimeout`与`setInterval`是两个非常常用的函数,用于控制代码执行的时间间隔。虽然它们在功能上有一定的相似性,但其实现的效果却大不相同。下面...

    javascript之setTimeOut和setInterval的用法

    使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。

    Javascript定时器(二)——setTimeout与setInterval

    在这个主题中,我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数,它们在JavaScript中的应用以及它们之间的区别。 首先,`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...

    javascript中setTimeout和setInterval的unref()和ref()用法示例

    unref()和ref()用法非常的简单,就是取消和回复setTimeout和...//取消setTimeout和setInterval函數的調用  timer.ref();//恢復setTimeout和setInterval函數的調用 是不是超级简单,如果还不明白,请放过javascript吧

    JavaScript中setTimeout和setInterval函数的传参及调用

    在JavaScript编程中,我们经常需要处理时间延迟或周期性任务执行的需求,这时会用到setTimeout和setInterval这两个全局函数。 setTimeout函数用于在指定的毫秒数后执行一次代码块,而setInterval则用于每隔指定的...

    JS中SetTimeout和SetInterval使用初探

    在JavaScript中,`setTimeout` 和 `setInterval` 是两种非常重要的定时器函数,它们用于在指定的时间后执行特定的函数或代码块。这篇文章将深入探讨这两个函数的使用方法、相同之处以及它们之间的区别。 首先,`...

    setTimeout和setInterval的区别

    在JavaScript中,定时执行任务是通过`setTimeout`和`setInterval`这两个函数来实现的。它们都是用于在指定延迟后执行代码,但它们之间存在显著的区别。 `setTimeout`函数用于在给定的`DelayTime`(延迟时间)过后...

    javascript setTimeout和setInterval计时的区别详解

    JavaScript中的定时器函数setTimeout和setInterval都用于延迟执行代码,但它们的工作方式和用法有所不同。以下是关于这两个函数的详细解析: 1. setTimeout函数的基本概念和用法: setTimeout是JavaScript中的一个...

    给c#添加SetTimeout和SetInterval函数.docx

    本文将详细介绍如何在 C# 中实现类似 JavaScript 的 `setTimeout` 和 `setInterval` 功能,并提供具体的实现代码和注意事项。 #### SetTimeout函数详解 `SetTimeout` 函数的主要作用是在指定的时间间隔后执行一次...

    JavaScript中从setTimeout与setInterval到AJAX异步

    在JavaScript中,setTimeout和setInterval是两种常见的定时器函数,用于实现异步操作。JavaScript作为单线程语言,其主线程的执行是顺序的,但是在处理某些操作,如延时任务或者周期任务时,会借助事件循环机制和回...

Global site tag (gtag.js) - Google Analytics