js防刷新的倒计时

最新推荐文章于 2022-07-13 15:01:24 发布
VIP文章 最新推荐文章于 2022-07-13 15:01:24 发布
阅读量3.1k 收藏 2
点赞数 1
分类专栏： 考试系统
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gaibian0823/article/details/46663817
版权

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

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

<span style="font-family:KaiTi_GB2312;font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type"content="text/html; charset=gb2312" />

<title>前端开发http:write.blog.csdn.net/postlist</title>

</head>

 

<body>

<SCRIPT LANGUAGE="JavaScript">

<!--

var maxtime;

if(window.name==''
最低0.47元/天 解锁文章
gaibian0823
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
专栏目录
基于jQuery+Cookie实现的防止刷新的在线考试倒计时
10-24
主要介绍了基于jQuery+Cookie实现的防止刷新的在线考试倒计时的方法和示例，有需要的小伙伴可以参考下
html自动刷新倒计时,javascript – 倒计时结束时刷新页面
weixin_35942678的博客
06-05 586
我有一个javascript倒计时脚本,我希望我的页面在倒计时结束时刷新一次.这是我的完整代码.//JavaScript code for countdownfunction getTimeRemaining(endtime) {var t = Date.parse(endtime) - Date.now();var seconds = Math.floor((t / 1000) % 60);va...
js:弹窗页面开始30分钟倒计时，刷新页面倒计时不重置
weixin_45204443的博客
07-13 1678
关于时间倒计时的
JS表单提交后禁止页面刷新的方法
时光淡然
01-05 3277
使用return false不生效，禁止页面刷新的方法
js设置禁止浏览器刷新，右键和F5键
总结前端开发中遇到的问题，分享前端知识
09-10 3889
$(document).bind("keydown", function(e) { e = window.event || e;//解决浏览器兼容的问题 if(e.keyCode == 116) {//F5按下 　　e.keyCode = 0; 　　return false; }else{ 　　//刷新 } });
js防止刷新倒计时代码
10-11
很简短的一段代码，相信都能看懂，用的是 window.name.很简短的一段代码，相信都能看懂，用的是 window.name.
js防刷新的倒计时代码 js倒计时代码
10-19
主要为大家详细介绍了js防刷新的倒计时代码，js倒计时的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
ASP.NET实现javascript无刷新倒计时.doc
03-13
ASP.NET实现从后端获取时间，前段javascript无刷新倒计时。
Javascript实现倒计时（防页面刷新）实例
10-20
本文分享了Javascript实现倒计时并且页面不刷新的实例，具有很好的参考价值，需要的朋友一起来看下吧
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
12-02
应用场景 在开发“发送短信验证”功能时候，要解决一个问题，...发送成功后把剩余倒计时存储到cookie，当页面刷新时，检查cookie 是否还存储着剩余倒计时？，如果有，发送按钮则保持倒计时状态，不可点击，否则发送按钮
原创jquery实现点击按钮后倒计时效果，防页面刷新！
09-13
实现思路： 1.实现点击按钮，对手机号进行验证（是否为空或是否正确手机号）， 图形验证码验证（判断是否填写图形验证码）。 2.验证通过验证后，调用接口发送短信。 3.返回发送状态,如果发送成功，实现等待倒计时，锁定按钮处于禁用状态。 同时把倒计时数据写入 cookie 防止页面被刷新 4.倒计时的实现不采用全局变量，避免污染全局，或被其他函数修改。 5.按钮点击时先判断 cookie 里面有没有保存的倒计时值，如果有就从该值开 始倒计时。同时锁定按钮 6.对实现代码进行封装，方便使用！ 调用实例： 6688 点击获取短信验证码 $(function(){ smsSend.init($('#smsBox'),10,myfunc); /* 或者 smsSend.init($('#smsBox'),30); */ }); function myfunc(){ alert('我是传过去的函数'); }
倒计时很实用的js，防止刷新
03-24
关于团购网站倒计时js，能有效防止恶意刷新
js如何控制防刷新功能
02-20
js如何控制防刷新功能 js如何控制防刷新功能
在线考试系统(一)---JS倒计时cookie防刷新
Yolanda_NuoNuo的专栏
02-27 6348
年前给公司做了个在线答题系统，需要在考试页面上显示倒计时。之前有用过别的在线考试系统，有的系统刷新计时就会重新开始，这对答题者是很好，可以用来作弊，实际上却是个Bug，所以需要结合cookie，当然如果清掉cookie重新计时那我就没办法了╮(￣▽￣")╭。 按照本宝宝的一贯风格，我又来粗暴的晒代码啦！ $(function() { var _minute = parseIn
js实现倒计时（防止页面刷新）
Vin__的博客
12-23 1333
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>test</title> <script src="js/jquery-3.4.1....
js60秒倒计时防刷新
十步杀一人-千里不留行
06-29 4213
JavaScript倒计时，实现起来不难，但是一刷新往往就重新计算了，如果要实现刷新不重计该如何做呢？ 有这么几种思路，      1：cookie      2：本地缓存      3：window.name ……   window.name是一个window对象下的属性，当我们在同一窗口浏览的时候，这个值都可以被页面读取   前两种比较容易理解，今天我来为大家实现使用win
防刷新倒计时
weixin_30498807的博客
09-26 62
项目中用到的，利用cookie记住倒计时状态，防止刷新时状态重置 if (typeof(cookieFn)=="undefined"||!cookieFn) var cookieFn={}; cookieFn={ set:function(name,value,days,path,domain,secure){ document.cookie=encodeURI...
考试倒计时jquery+cookie（防止刷新）
木子金丰的博客
10-22 1408
基于jquery+cookie实现在线考试倒计时，关闭浏览器后重新打开后依然可以计时。一下代码在本地测试，由于chrome浏览器只支持web的cookie。在实际中倒计时的总时长应从后台获取。 $(function() { var _minute = parseInt("1");//"1" 倒计时 多长时间，分钟为单位 var _expiresHours = _min
php刷新页面更新倒计时
最新发布
12-03
在JavaScript中，使用setInterval函数来每秒更新倒计时。每次更新时，获取当前时间的时间戳，并计算剩余的倒计时时间。将倒计时显示在div元素中。 3. 再次回到PHP代码，在计算倒计时的过程中，可以使用AJAX来每秒向...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值