10秒倒计时、考试结束倒计时功能实现代码-JS

注册成功或登录后网页会有倒计时,如5秒后跳转到哪个页面的功能。

在做一些在线测试,网上考试系统时,会用到倒计时功能。

如网上考试系统里,会有时间提示离考试结束还有多长时间,临近考试结束剩10分钟,还可以弹窗提示考生。

10秒倒计时、考试结束倒计时功能实现代码-JS

JavaScript实现倒计时功能代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>10秒倒计时功能代码|www.125jz.com</title>
 </head>
 <body></body>
 <SPAN style="BACKGROUND: #00bfff" id=time>10</SPAN>秒钟后自动跳转.<br />
 如果不跳转,请点击下面的链接<A href=http://www.125jz.com> 125网页设计</A>
  <SCRIPT language=JavaScript type=text/javascript> 
  function delayURL(url) { var delay=document.getElementById("time").innerHTML;
  if(delay>0) {
   delay--;
   document.getElementById("time").innerHTML = delay;
  } else {
   window.top.location.href = url;
  }
 setTimeout("delayURL('" + url + "')", 1000);
  }
 </SCRIPT>
 <SCRIPT type=text/javascript> delayURL("http://www.125jz.com"); </SCRIPT> 
 </body> 
</html>

防刷新的考试结束倒计时JavaScript代码

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>距离考试结束还有分秒|www.125jz.com</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>

网页设计交流群:208047327

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/8851.html

(0)
上一篇 2020年10月27日 上午9:56
下一篇 2020年11月1日 上午9:46

99%的人还看了以下文章

  • Python 8大知识点——附详细实例代码。

    目录 1. for – else 2.lambda函数 3.列表推导式 4.列表索引的各种骚操作 5.三元表达式 6.巧用断言assert 7.while语句 8.with – as 1. for – else 什么?不是 if 和 else 才是原配吗?No,你可能不知道,else 是个脚踩两只船的家伙,for 和 else 也是一对,而且是合法的。十大装…

    2023年1月14日
    1140
  • Pillow-优秀的Python图像处理库安装及入门教程

    Pillow库是Python 图像处理库(Python image library)的一个派生分支,提供了广泛的文件格式(BMP,PNG,JPEG等)支持,提供基本的图像处理能力,如: 图像存储、图像显示、改变图像大小,旋转图像,图像格式转换,色场空间转换,图像增强,直方图处理,插值和滤波等等。 比起OpenCV库的图像处理,功能有限,但函数使用非常方便,大…

    2020年12月8日
    1.3K0
  • JSP实现用户登录总次数及用户最后一次登录时间功能(附代码)

    实现原理: 数据库表中,设置两个字段total_login_count(登录总次数,int型)和 last_login_time(最后登录时间,datetime型) 1. 记录用户的登录总次数 用户每登录一次,将数据库中的相应字段值加 1,代码如下: String sql =”update testuser set total_login_count = t…

    编程开发 2018年7月3日
    2.4K0
  • python 循环语句的应用:水仙花数判断及爱因斯坦阶梯编程

    一、水仙花数判断程序 1.任务内容: 水仙花数是一个三位整数,如153是一个水仙花数,是因为该数的百位的立方、十位的立方、个位的立方和等于该数本身,如下所示: 2.程序编写要求: 使用for语句完成; 统计水仙花数个数的值保存到变量中,要求自动进行统计 •输出结果如下所示: 153 是水仙数370 是水仙数371 是水仙数407 是水仙数三位数中有4个水仙数…

    2022年5月11日
    3461
  • 纯JSP实现计算圆的面积和周长

    一个jsp页面由元素和模板数据组成.元素是必须由jsp容器处理的部分.而模板数据是jsp容器不处理的部分,如jsp中的HTML内容 元素有三种类型: 脚本元素,指令元素, 动作元素 脚本元素:包含三个部分:声明,脚本段,表达式 声明:用于声明在其它脚本元素中可以使用的变量和方法 脚本段:是一段java代码 表达式:java语言中完整的表达式 声明 以<…

    2020年4月3日
    6.5K0
  • 如何设置mysql自动更新创建时间和更新时间

    做项目时,希望:新增记录时,mysql自动将系统的当前时间set到创建时间和更新时间这两个字段中。更新记录时,mysql只update更新时间字段的时间。 设置mysql自动更新创建时间和更新时间的方法: 找到表中创建时间和更新时间的字段,将其修改为下列代码。创建时间字段 ‘creat_time’ timestamp NULL DEFAULT CURRENT…

    2018年12月24日
    3.4K0

发表回复

登录后才能评论