求助大神..我想用js做一个jsp网页定时刷新功能,用一个按钮实现开始和停止!!点一下开始连续刷新,按钮显示停止刷新,再点一下停止.我现在只能让他连续刷新,按钮也不会切换,也停不下,哭。下面是我写的代码,js初学,网上拼凑的也不好用,求大神帮助改改
我就想做一个按钮,正常状态显示开始刷新,点击一下就开始连续刷新页面,刷新过程中按钮切换为停止刷新,我再点一下按钮,页面刷新停止,按钮恢复开始刷新...可以吗
http://blog.csdn.net/lplanguage/article/details/52538348 看我这篇博文 应该是你需要的
settimerout 1000就是一秒刷新一次,你可以用定时器,而不是定时刷新。
噢,主要我这样刷新就搞了很久,能不能帮我补充一下,不知道怎么改了,感谢了!
var ds;
开始
ds=setTimeOut("fun",1000);
停止
window.clearTimeOut(ds);
setInterval差不多
<input type="button" id="btnRefresh" value="开始刷新" onclick="setBtnState()" />
<script>
var timer, delay = 2000;//2s刷新一次
function setBtnState(refresh) {
var btn = document.getElementById('btnRefresh');
if (typeof (refresh) == 'undefined') refresh = btn.value == '开始刷新';
btnRefresh.value = refresh ? '停止刷新' : '开始刷新';
if (refresh) timer = setTimeout(function () { location.reload(); }, delay);
else clearTimeout(timer);
document.cookie = 'refresh=' + (refresh ? 1 : 0);
}
setBtnState(document.cookie.indexOf('refresh=1') != -1);
document.write('<br>' + new Date().toLocaleString() + '<br>' + document.cookie)
</script>
这个问题说实话有点难
网页一刷新,你的页面组件会被重置,实现思路走偏了