js控制页面自动刷新,可设置时间间隔
2013-01-30 09:12
741 查看
1.静态代码
2.通过js控制,开启、关闭自动刷新以及刷新间隔时间.
需要注意的是:页面自动刷新,之前设置的值就没了,所以要用cookie保存在客户端
3.正主来了
<input type="button" class="btn mlw" value="开启自动刷新" id="controlRefresh" /> <select name="time" id="time"> <option value="5000">5秒</option> <option value="10000">10秒</option> <option value="15000" selected="selected">15秒</option> <option value="30000">30秒</option> <option value="60000">一分钟</option> </select>
2.通过js控制,开启、关闭自动刷新以及刷新间隔时间.
$(function(){ $('#controlRefresh').click(function(){ if($(this).val()=="关闭自动刷新"){ $(this).val("开启自动刷新"); }else{ $(this).val("关闭自动刷新"); } }) $('#time').change(function(){ var time = $(this).val(); setCookie('refreshTime',time); }) }) function setCookie(name,value) {//两个参数,一个是cookie的名子,一个是值 var Days = 30; //此 cookie 将被保存 30 天 var date = new Date(); //new Date("December 31, 9998"); date.setTime(date.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expires=" + date.toGMTString(); } function getCookie(name) {//取cookies函数 var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)")); if(arr != null) return unescape(arr[2]); return null; }
需要注意的是:页面自动刷新,之前设置的值就没了,所以要用cookie保存在客户端
3.正主来了
function controlRefresh(ele) { var eleTemp = $('#controlRefresh').val(); if(eleTemp=="开启自动刷新"){ //var time = parseInt($('#time').val())-4999; var time = parseInt(getCookie('refreshTime'))?parseInt(getCookie('refreshTime'))-5000:10000; setTimeout('myrefresh()',time); } } //执行刷新 function myrefresh() { var eleTemp = $('#controlRefresh').val(); if(eleTemp=="开启自动刷新") window.location.reload(); } setInterval('controlRefresh()',5000);
相关文章推荐
- js生效后页面自动刷新的问题(js控制button,生效效果闪一下消失)解决
- js设置多少时间后自动跳转到某个页面
- js页面自动刷新,并显示剩余时间
- JS实现页面加载完成之后自动刷新一次
- js返回上一页,自动刷新自身、父页面语句的实现
- JS 判断浏览器语言设置,自动跳转到相应页面
- 设置主键自动增长引起刷新页面重复添加数据
- js控制页面跳转,清缓存,强制刷新页面
- .NET中用弹出窗口添加或修改一个页面,当添加或修改相关内容后按下提交按钮自动刷新页面的JS代码
- js操作的跨域问题:js实现自动设置框架载入页面高度的问题
- js控制5秒后页面自动跳转
- 利用js控制页面刷新以及返回上一页刷新
- js控制当再次点击按钮时的间隔时间
- js控制10秒后页面自动跳转
- 用JS控制Iframe自动适应页面的高度
- 用js刷新当前页面的几种方法,包括reload方法、replace方法、自动刷新方法等。
- js控制5秒后页面自动跳转
- js间隔几秒刷新页面
- Js控制ASPX页面刷新的土办法
- js页面自动刷新和自动跳转