用的meta实现自动刷新网页,现在想要一个暂停键,点了就停止自动刷新,再点一下能继续刷新
全部js控制
<%@ Page Language="C#" %>
<%=DateTime.Now %>
<br />
<input type="button" id="btn" value="暂停刷新" onclick="setCookie(this)"/>
<script>
var delay = 5 * 1000;//延时5s
var timer;//计时器
btn.onclick = function () {
var stop = btn.value == '暂停刷新' ? 1 :0;
document.cookie = 'stop=' + stop + ';path=/';
if (stop) clearTimeout(timer);//暂停,清除计时器
else {
timer =setTimeout(function () { location.reload() }, delay);
}
this.value = stop ? '开始刷新' : '暂停刷新';
};
//从cookie初始化按钮的状态,第一次访问没有cookie值默认是5s自动刷新
if (document.cookie.indexOf('stop=1')==-1) { timer = setTimeout(function () { location.reload() }, delay); }
else {
btn.value = '开始刷新';
}
</script>