防刷新倒计时JS代码

<SCRIPT type="text/javascript">
var exam_time=${testPaper.examTime*60};//获取后台传的时间
if(window.name==‘‘){
maxtime = exam_time;      //此处几句判断是防刷新关键
}else{
maxtime = window.name;
}

function CountDown(){
    if(maxtime>=0){
    hours = Math.floor(maxtime/3600);
    minutes = Math.floor((maxtime-hours*3600)/60);
    seconds = Math.floor(maxtime%60);
    msg = "距离考试结束还有"+hours+"时"+minutes+"分"+seconds+"秒";
    document.getElementById("time").innerHTML = msg;
    if(maxtime == 5*60) alert(‘注意,还有5分钟!‘);
    --maxtime;
    window.name = maxtime;
    }
    else{
    document.getElementById("frm").submit();
    clearInterval(timer);
    alert("考试时间到,结束!");
    }
    }
    timer = setInterval("CountDown()",1000);
</SCRIPT>

<center><font color="red"><div id="time"></div></font></center> //此处显示倒计时时间

时间: 2024-08-04 03:49:07

防刷新倒计时JS代码的相关文章

60秒验证码倒计时js代码 js样式代码 方块上下左右随机移动(定时器) js中获取元素的方法 js中表单提交

60秒验证码倒计时js代码 <script type="text/javascript"> var countdown=60; function settime(val) { if (countdown == 0) { //removeAttribute() 方法删除指定的属性. disabled属性规定应该禁用 input 元素. val.removeAttribute("disabled"); val.value="免费获取验证码"

点击按钮出现60秒倒计时js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

Jquery插件 防刷新倒计时 “点击获取验证码后60秒内禁止重新获取

Jquery插件实现"点击获取验证码后60秒内禁止重新获取(防刷新)" 效果图: 先到官网(http://plugins.jQuery.com/cookie/)下载cookie插件,放到相应文件夹,代码如下: 1 <style type="text/css"> 2 * {margin: 0; 3 padding: 0; 4 font-family: "Microsoft Yahei"; 5 } 6 .captcha-box { 7 w

倒计时js代码

<div class="time"> <span id="t_d">00天</span> <span id="t_h">00时</span> <span id="t_m">00分</span> <span id="t_s">00秒</span> </div> <script>

竖向折叠二级导航JS代码(可防刷新ul/li结构)

<html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <title></title>      <style type="text/css">         *{margin:0;padding:0;border:0;}        body         {         font-family:

JavaScript 逼真图片倒计时实现代码 js时间图片倒计时

JavaScript 逼真图片倒计时实现代码   js时间图片倒计时 效果图: <!doctype html> <html> <head> <meta charset="utf-8"> <head> <title>逼真图片倒计时</title> <style type="text/css"> .time{width:200px;height:25px;border:1px

可以防止刷新重置的倒计时实例代码

可以防止刷新重置的倒计时实例代码:一般说来,除了我们明确设置一个到期时间日期,比如类似于2018-5-12这样,一般在刷新网页的时候都会使倒计时重新来过,下面就介绍一下可以防止这种情况的方式,希望能够给需要的朋友带来一定的帮助.实例代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content=&quo

点击按钮 倒计时60秒方可再次点击发送的Js代码

本节内容:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果. 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果. 本文用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能. 例子: 复制代码代码示例: <input type="button" id="btn" value="免费获取验证码" /><script type="

Pjax.js防刷新技术

自我感觉良好,所以拿出现在自己用的 Pjax.js 分享给大家 当然 这个版本是 经过本人修改后的版本,跟其它 拿过来就用的 不一样 而且区别还不小 大多的 Pjax 都是 跟后台无关的,而这个版本是跟后台有密切联系的 下面就是说下 代码 以及使用方法,包括后台 内容输出格式 先说说方法吧 引入 jQuery + Pjax.js (本站提供的代码) 下面就关键 运行代码 所接受的参数详解 selector: 绑定 Pjax 的链接 默认:"a[href]" container: 替换内