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函数应用非常广泛,它们都用来处理延时和定时任务,比如打开网页一段时间后弹出一个登录框,页面每隔一段时间发送异步请求获取最新数据等等。但它们的应用是有区别的。 ...
JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别JS中的setTimeout和setInterval的区别
今天先学下setTimeout和setInterval的使用。 一、setTimeout超时计时器(和GCD中的after类似) 在node.js中可以使用node.js内置的setTimeout(callback,delayMillSeconds,[args])方法。当调用setTime()时回调函数会在...
NULL 博文链接:https://rainbow702.iteye.com/blog/1668935
而这篇文中主要给大家介绍的是关于JS中setTimeout和setInterval最大延时值的相关问题,需要的朋友们下面来一起学习学习吧。 先来看这样一段代码: function update() { loadData().then(function(data) { $('#...
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。
主要介绍了JS中SetTimeout和SetInterval使用初探,需要的朋友可以参考下
主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,着两个函数可以把要执行的代码在设定的一个时间点插入js引擎维护的一个代码队列中,需要的朋友可以参考下
unref()和ref()用法非常的简单,就是取消和回复setTimeout和...//取消setTimeout和setInterval函數的調用 timer.ref();//恢復setTimeout和setInterval函數的調用 是不是超级简单,如果还不明白,请放过javascript吧
关于JS定时器(setTimeout setInterval)定时不准问题1
Javascript定时器(二)——setTimeout与setInterval 在 http://www.cnblogs.com/strick/p/3983904.html 有说明
timercpp:为C 开发提供类似于Javascript中的setTimeout和setInterval功能
JS中定时执行,setTimeout和setInterval的区别 <br>setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression,setTimeout 运用在延迟一段时间,再进行某项操
主要介绍了JavaScript中从setTimeout与setInterval到AJAX异步,非常不错,具有参考借鉴价值,需要的朋友可以参考下