js防刷新的倒计时代码 js倒计时代码


Posted in Javascript onSeptember 06, 2017

最近在维护考试系统,在进行考试测试时无意中点击了刷新按钮,但是上面的倒计时并没有受到影响,同时在几篇博客中也有这样的例子,所以我想看看它到底是怎样防止刷新的。

如果是用cs代码写,我们可能会很快的写出来怎样防止刷新,可是我们要进行前段开发,考试是在页面上进行的,这里就要用到我们学到的js了。

<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />
<title>前端开发</title>

</head>

 

<body>

<SCRIPT LANGUAGE="JavaScript">
<!--
var maxtime;
if(window.name==''){
maxtime = 1*60;
}else{

maxtime = window.name;

}

 

function CountDown(){
if(maxtime>=0){
minutes = Math.floor(maxtime/60);
seconds = Math.floor(maxtime%60);
msg = "距离考试结束还有"+minutes+"分"+seconds+"秒";
document.all["timer"].innerHTML = msg;
if(maxtime == 5*60) alert('注意,还有5分钟!');

--maxtime;

window.name = maxtime;

}

else{
clearInterval(timer);
alert("考试时间到,结束!");

}

}

timer = setInterval("CountDown()",1000);
//-->

</SCRIPT>

<div id="timer"style="color:red"></div>

 

</body>

</html>

其实,这里最主要的思想就是,我们将时间放到一个变量中,刷新后,我们从变量中接着读取这个数据即可。我们也可以用cookie存开始时间,刷新以后先读取cookie。方法也许不只是这一个,希望大家有更好地方法来多多交流。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 节点排序 2
Jan 31 Javascript
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
用javascript读取xml文件读取节点数据
Aug 12 Javascript
使用CDN和AJAX加速WordPress中jQuery的加载
Dec 05 Javascript
浅析js绑定事件的常用方法
May 15 Javascript
利用js+css+html实现固定table的列头不动
Dec 08 Javascript
JavaScript获取select中text值的方法
Feb 13 Javascript
基于 Vue 的树形选择组件的示例代码
Aug 18 Javascript
seaJs使用心得之exports与module.exports的区别实例分析
Oct 13 Javascript
JavaScript设计模式之调停者模式实例详解
Feb 03 Javascript
node实现基于token的身份验证
Apr 09 Javascript
超简单的微信小程序轮播图
Nov 22 Javascript
JavaScript中运算符规则和隐式类型转换示例详解
Sep 06 #Javascript
详解Vue.js组件可复用性的混合(mixin)方式和自定义指令
Sep 06 #Javascript
轻松玩转BootstrapTable(后端使用SpringMVC+Hibernate)
Sep 06 #Javascript
vue mixins组件复用的几种方式(小结)
Sep 06 #Javascript
JavaScript 中Date对象的格式化代码方法汇总
Sep 06 #Javascript
jquery实现限制textarea输入字数的方法
Sep 06 #jQuery
Vue的百度地图插件尝试使用
Sep 06 #Javascript
You might like
PHP获取网页标题的3种实现方法代码实例
2014/04/11 PHP
PHP实现带重试功能的curl连接示例
2016/07/28 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
TP5框架实现的数据库备份功能示例
2020/04/05 PHP
两个select之间option的互相添加操作(jquery实现)
2009/11/12 Javascript
js函数调用常用方法详解
2012/12/03 Javascript
JavaScript中的对象序列化介绍
2014/12/30 Javascript
jquery实现简单的无缝滚动
2015/04/15 Javascript
js检测判断日期大于多少天的方法
2015/05/04 Javascript
Angularjs中UI Router的使用方法
2016/05/14 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
给easyui的datebox控件添加清空按钮的实现方法
2016/11/09 Javascript
Bootstrap整体框架之CSS12栅格系统
2016/12/15 Javascript
jQuery向webApi提交post json数据
2017/01/16 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
高性能js数组去重(12种方法,史上最全)
2019/12/21 Javascript
H5+css3+js搭建带验证码的登录页面
2020/10/11 Javascript
Python中replace方法实例分析
2014/08/20 Python
python获取文件后缀名及批量更新目录下文件后缀名的方法
2014/11/11 Python
python 容器总结整理
2017/04/04 Python
Python File readlines() 使用方法
2018/03/19 Python
使用requests库制作Python爬虫
2018/03/25 Python
python 解决flask 图片在线浏览或者直接下载的问题
2020/01/09 Python
Django REST Framework 分页(Pagination)详解
2020/11/30 Python
涂鸦板简单实现 Html5编写属于自己的画画板
2016/07/05 HTML / CSS
意大利会呼吸的鞋:Geox健乐士
2017/02/12 全球购物
晚归检讨书
2014/02/19 职场文书
社区志愿者培训方案
2014/06/10 职场文书
2015年入党决心书
2015/02/05 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
施工安全保证书
2015/05/09 职场文书
初中生活随笔
2015/08/15 职场文书
让文件路径提取变得更简单的Python Path库
2021/05/27 Python
浅谈Python从全局与局部变量到装饰器的相关知识
2021/06/21 Python
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技