用JavaScript实现考试系统倒计时

最新推荐文章于 2021-10-09 10:38:21 发布
最新推荐文章于 2021-10-09 10:38:21 发布
阅读量3k 收藏 7
点赞数
文章标签： javascript function action input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fengruifang/article/details/6520421
版权

<html>

 <head>
 </head>

 <body>
  <input type="text" name="mss" id="mss" />

  <form action=" ">
   <input type="text" value="name" name="name" />

  </form>

  <body>
</html>


<script type="text/javascript">
 window.onload = function() {

  daojishi();
 }

 var counttime = 60 * 90;//把90分钟化成总秒数

 function daojishi() {
  if (counttime >= 0) {
   var seconds = counttime % 60;//得到剩余的秒数   89%60==29秒
   var min = Math.floor(counttime / 60);//分钟
   if (min >= 60) {
    var hour = Math.floor(min / 60);

    min = Math.floor((counttime - hour * 60 * 60) / 60);

    document.getElementById("mss").value = hour + "小时" + min + "分"
      + seconds + "秒数";
   } else if (mis >= 1) {
    document.getElementById("mss").value = min + "分" + seconds
      + "秒数";
   } else {
    document.getElementById("mss").value = seconds + "秒数";
   }

   counttime--;
   vartt = window.setTimeout("daojishi()", 1000);
  } else {
   window.clearTimeout(vartt);
   window.confirm("考试时间结束,请单击提交");
   tijiao();

  }
 }

 function tijiao() {
  document.forms[0].submit();
 }
 //-->
</script>
 

feng_心境
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
在线考试系统的倒计时
LuckyFanny520的专栏
09-25 4720
最近在做一个在线考试系统，设计到倒计时的设置，其实非常简单，只要设置一个变量，然后再Ajax的time控件的事件中递减即可。代码如下： //触发Timer控件的Timer1_Tick事件实现考试倒计时功能 protected void Timer1_Tick(object sender, EventArgs e) { this.index--;
考试系统倒计时
fengruifang的专栏
03-17 1259
<br /><html><br /> <head><br /> </head><br /> <body><br />  <input type="text" name="mss" id="mss" /><br />  <form action=" "><br />   <input type="text" value="name" name="name" /><br />  </form><br />  <body><br /></html><br /><br /><script type="text/ja
js倒计时，计算当前距离某一天还有x天x小时x分x秒
aoxs_-的博客
10-09 1030
计算当前距离某一天还有x天x小时x分x秒 var d1=new Date(); var d2=new Date(‘2030/1/1’); //两个对象直接相减,就是相差的毫秒数 var d=d2-d1; //单位换算为秒，向下取整，去除小数部分 d=Math.floor( d/1000 ); //计算相差的天数，把相差的值换算天 //除以一天的秒数 var day=Math.floor( d/(246060) ); //去除两者相差的值中所有的天数,让相差的值和一天的秒数取余 //得到的就是去除天数后的秒数
vue实现进度条倒计时（vant-ui）
小妹的博客
10-10 3145
van-count-down + van-progress 实现进度条倒计时效果 <!-- van-count-down: time 属性表示倒计时总时长，单位为毫秒 --> <!-- van-progress 使用 percentage 属性来设置当前进度百分比 --> <van-count-down use-slot ref="countDown" :time="time * 1000" @change="onTimeChange"> <van-progre
JavaScript实现效果——考试倒计时
weixin_43311121的博客
02-23 2619
1、动态效果图： 2、代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>考试倒计时</title> <style type="text/css"> .all{ width: 300px; mar...
javascript秒数倒计时自动跳转代码
10-30
在实际应用中，JavaScript 倒计时自动跳转代码可以广泛应用于许多场景，例如，在在线考试系统中，可以使用倒计时功能来限制考试时间；在电子商务网站上，可以使用倒计时功能来实现限时抢购活动等等。 JavaScript 倒...
JavaScript实现刷新不重记的倒计时
10-21
本文将探讨如何使用JavaScript实现这样的刷新不重记的倒计时器。 首先，我们要了解一般的JavaScript倒计时器是如何工作的。基本思路是设置一个定时器（如`setInterval`），每隔一定时间（例如1秒）更新显示的时间。...
php实现倒计时效果
10-23
在本文中，我们将探讨如何使用PHP来实现倒计时效果，特别关注于在考试系统中显示剩余时间。倒计时功能对于确保系统安全性和准确性至关重要，因为它可以防止用户通过篡改本地时间来规避规则，例如在团购结束后继续...
jQuery在线考试倒计时界面.rar
05-31
综上所述，这个项目展示了如何使用jQuery和JavaScript实现一个前端考试系统，涵盖了DOM操作、时间管理、CSS样式设计以及可视化图表的创建等多个方面的技术。虽然没有后端数据库支持，但通过精心设计的前端逻辑，依然...
考试系统js时间倒计时
09-02
考试系统,js时间倒计时，js时间倒计时
考试系统js 的倒计时只有小时分钟和秒
07-04
考试系统js 的倒计时，无刷新的倒计时，只有时分秒，但是没有实现自动提交的功能。
可跑一分钟的进度条
12-05
using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Text; using System.Windows.Forms; using System.Diagnostics; namespace 滚动条 { public partial class Form1 : Form { private Random _random; public Form1() { InitializeComponent(); label4.Visible = true; progressBar1.Minimum = 0; progressBar1.Maximum = 100; _random = new Random(); } private void timer1_Tick(object sender, EventArgs e) { ////int length = 111111111; ////if (progressBar1.Minimum + length >progressBar1.Value++) ////{ //// progressBar1.Minimum = 0; ////} ////else ////{ //// progressBar1.Minimum += length; ////} //int length = 10; //if (progressBar1.Value < progressBar1.Maximum) //{ // progressBar1.Value = progressBar1.Value + length; //} int length = 10; if (progressBar1.Value < progressBar1.Maximum) { progressBar1.Value = progressBar1.Value + length; label4.Text = progressBar1.Value.ToString(); } } private void Form1_Load(object sender, EventArgs e) { } } }
vue中倒计时组件的实例代码
08-27
主要介绍了vue中倒计时组件的实例代码,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
ae万能弹性表达式_五个AE常用的表达式
热门推荐
weixin_39539563的博客
11-27 3万+
表达式能帮助我们快速地制作一些效果 避免重复造轮子 可以高效产出需要的效果 注意：请使用英文版ae添加 以免出现表达式错误 1.弹性表达式 Bouncen = 0;if (numKeys > 0){n = nearestKey(time).index;if (key(n).time > time){n--;}}if (n == 0){t = 0;}else{t = time - key...
js考试倒计时功能
weixin_44342683的博客
04-18 2883
创建一个html文档，实现考试计时的功能，即从文档打开开始计算，50分钟时提示离考试结束还有10分钟，60分钟中，提示考试结束，并自动关闭窗口。 话不多说，赶紧看代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>倒计时</title> </he...
在线考试系统的时间控制（倒计时）
黎鉴洪的博客
05-07 1万+
在线考试系统的时间控制倒计时跟一般的html倒计时的区别：html可以很轻松地实现倒计时，但是页面刷新的同时，时间回到原点，根本没啥用。但是在线考试系统的时间控制是通过时间同步来实现真真正正的倒计时以达到刷新页面但是时间继续倒计而不会回到原点 思路：1 .点击进入考试             2 .在数据库获取试题，同时通过userId和subject_id判断score表是否含有该对象，没有
使用JavaScript实现10秒倒计时
RAVEEE的博客
01-19 2万+
计时器在项目中常用，在面试中常考，那么接下来就要手写一个javascript的10秒倒计时吧 代码： &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/he
时间格式化，将数字转换成时分秒
gs981600308的博客
07-02 5437
/** 将秒数换成时分秒格式 */ function formatSeconds(value) { var theTime = parseInt(value);// 秒 var theTime1 = 0;// 分 var theTime2 = 0;// 小时 if(theTime > 60) { ...
理想Web倒计时器的设计与实现.doc
最新发布
11-29
倒计时在抢答系统、在线考试系统、节日倒计时等 Web 应用中被广泛使用，可以让用户清晰地了解距离特定事件还剩余多少时间。目前，一般采用 JavaScript 来设计倒计时程序。但是，由于 JavaScript 的限制，纯粹使用 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值