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 相关文章推荐
60个很实用的jQuery代码开发技巧收集
Dec 15 Javascript
jQuery实现的多屏图像图层切换效果实例
May 07 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
May 09 Javascript
jquery事件绑定解绑机制源码解析
Sep 19 Javascript
探讨跨域请求资源的几种方式(总结)
Dec 02 Javascript
JavaScript表单验证实现代码
May 22 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
Apr 25 Javascript
Vue表单输入绑定的示例代码
Nov 01 Javascript
JavaScript中继承原理与用法实例入门
May 09 Javascript
JavaScript异步操作的几种常见处理方法实例总结
May 11 Javascript
解决vue scoped html样式无效的问题
Oct 24 Javascript
JavaScript实现五子棋小游戏
Oct 26 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 中文字符入库或显示乱码问题的解决方法
2010/04/12 PHP
Yii入门教程之Yii安装及hello world
2014/11/25 PHP
php把时间戳转换成多少时间之前函数的实例
2016/11/16 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
PHP实现验证码校验功能
2017/11/16 PHP
PHP实现爬虫爬取图片代码实例
2021/03/03 PHP
javascript 动态添加表格行
2006/06/22 Javascript
JavaScript 快捷键设置实现代码
2009/03/13 Javascript
用Node.js通过sitemap.xml批量抓取美女图片
2015/05/28 Javascript
极力推荐10个短小实用的JavaScript代码段
2016/08/03 Javascript
jQuery鼠标事件总结
2016/10/13 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
详解vue-router 路由元信息
2017/09/13 Javascript
jQuery实现页码跳转式动态数据分页
2017/12/31 jQuery
Vue学习之axios的使用方法实例分析
2020/01/06 Javascript
vue:el-input输入时限制输入的类型操作
2020/08/05 Javascript
[01:35:53]完美世界DOTA2联赛PWL S3 Magma vs GXR 第二场 12.13
2020/12/17 DOTA
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
Python装饰器使用实例:验证参数合法性
2015/06/24 Python
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
python中set()函数简介及实例解析
2018/01/09 Python
基于Django用户认证系统详解
2018/02/21 Python
Python实现按照指定要求逆序输出一个数字的方法
2018/04/19 Python
Python实现获取邮箱内容并解析的方法示例
2018/06/16 Python
pyecharts动态轨迹图的实现示例
2020/04/17 Python
tensorflow2.0的函数签名与图结构(推荐)
2020/04/28 Python
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
泰国综合购物网站:Lazada泰国
2018/04/09 全球购物
Oasis服装官网:时尚女装在线
2020/07/09 全球购物
房地产销售经理岗位职责
2014/01/01 职场文书
简历自我评价怎么写好呢?
2014/01/04 职场文书
体操比赛口号
2014/06/10 职场文书
2014年培训工作总结范文
2014/11/27 职场文书
小学中队活动总结
2015/05/11 职场文书
python实现简单的名片管理系统
2021/04/26 Python