博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 页面定时刷新
阅读量:5332 次
发布时间:2019-06-14

本文共 683 字,大约阅读时间需要 2 分钟。

html

            定时刷新

js

//定时刷新is_f = localStorage.getItem("is_f");if(is_f == 2){    $('#check_is_f').attr("checked", true);    tf = setTimeout('myrefresh()',5000); //指定秒刷新一次}$('.am-switch input[type=checkbox]').on('click',function(){    if($(this).is(':checked')){        localStorage.setItem("is_f",2);        tf = setTimeout('myrefresh()',5000); //指定秒刷新一次    }else{        clearTimeout(tf); //取消自动刷新        localStorage.setItem("is_f",0);    }})function myrefresh(){window.location.reload();}

效果:复选框勾中,页面开始每五秒刷新,取消勾中,刷新停止

主要是利用了本地存储 localStorage ,即使页面完全刷新,本地的存储不变,然后新页面依照这个存储进行判断

转载于:https://www.cnblogs.com/tingfengqieyu/p/6704993.html

你可能感兴趣的文章
编写高质量代码改善C#程序的157个建议[避免finaly内的无效代码、避免嵌套异常、避免吃掉异常、注意循环异常处理]...
查看>>
Javascript中 new Date().valueOf()的作用,以及时间戳的由来
查看>>
Intellij IDEA下flex国际化配置
查看>>
事件处理程序
查看>>
A simple Test Client built on top of ASP.NET Web API Help Page
查看>>
maven项目搭建
查看>>
spring整合ehcache 注解实现查询缓存,并实现实时缓存更新或删除
查看>>
8 Range 对象
查看>>
关于autolisp的!load
查看>>
POJ - 2421 Constructing Roads (最小生成树)
查看>>
最大流小结
查看>>
新手如何正确的开始练车
查看>>
Linux下tar.xz结尾的文件的解压方法
查看>>
NetFlow网络流量监测技术的应用和设计(转载)
查看>>
WCF分布式开发步步为赢(8):使用数据集(DataSet)、数据表(DataTable)、集合(Collection)传递数据...
查看>>
离散傅里叶变换计算乘法
查看>>
Android学习总结——INSTALL_FAILED_CONFLICTING_PROVIDER
查看>>
设计模式概论
查看>>
ORACLE中SID和SERVICE_NAME的区别
查看>>
Android L(5.0)源码之图形与图像处理之简单图片——Bitmap
查看>>