php 实现答题计时,JavaScript实现学生在线做题计时器功能

最近在项目中实现了一个学生在线做题的功能，其中需要记录学生的答题时间，所以就在前台写了个计时器

效果如下：

HTML部分：

答题计时：

readonly="readonly" id="timer" style="border: none;">

JS部分：

var n_timer = timer();

//计算学生的做题时间

var ele_timer = document.getElementById("timer");

var n_sec = 0; //秒

var n_min = 0; //分

var n_hour = 0; //时

//60秒 === 1分

//60分 === 1小时

function timer() {

return setInterval(function () {

var str_sec = n_sec;

var str_min = n_min;

var str_hour = n_hour;

if (n_sec < 10) {

str_sec = "0" + n_sec;

}

if (n_min < 10) {

str_min = "0" + n_min;

}

if (n_hour < 10) {

str_hour = "0" + n_hour;

}

var time = str_hour + ":" + str_min + ":" + str_sec;

ele_timer.value = time;

n_sec++;

if (n_sec > 59) {

n_sec = 0;

n_min++;

}

if (n_min > 59) {

n_min = 0;

n_hour++;

}

}, 1000);

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

本条技术文章来源于互联网，如果无意侵犯您的权益请点击此处反馈版权投诉

本文系统来源：php中文网

php 实现答题计时,JavaScript实现学生在线做题计时器功能相关推荐

python 判断是不是汉字危机阅读答案_汉字危机_现代文阅读题在线测试(附答案)_高三语文_在线做题网...
汉字危机 _ 现代文阅读题在线测试(附答案) _ 高三语文 _ 在线做题网汉字危机王小峰中国的书写交流进入键盘划时代只有十几年, 任何一个初次接触电脑的人通过简单的学习都能迅速掌握文字输入. ...
全国计算机在线做题,2020全国一级计算机基础及MS Office应用考试在线自测试题库（不限设备，登陆即可做题）...
&nbsp&nbsp[导读]:2020全国一级计算机基础及MS Office应用考试在线自测试题库(不限设备,登陆即可做题),更多全国等级考试报名时间.考试时间以及考试模拟试题,请访问 ...
面试鸭专业面试刷题网站源码支持自由组卷/在线刷题等功能
面试鸭面试刷题网站系统源码面试鸭一个干净的面试刷题网站!专业面试刷题网站,助你成为面试达人!支持自由组卷.在线刷题.校招社招斩获大厂offer,求职必备! 面试鸭专业面试刷题网站源码: http ...
几个有名的在线做题系统（ACM OJ）
1. 浙江大学 Online Judge(ZOJ) http://acm.zju.edu.cn 国内最早也是最有名气的OJ,有很多高手在上面做题.特点是数据比较刁钻,经常会有你想不到的边界数 ...
在线做题测试的软件,可以实现线上答题竞赛的工具哪个实用
企业做培训考试.教师给学生做练习测试.单位举办知识答题竞赛,我们都可以选择采取线上答题竞赛的模式,既方便又省事,还节省成本,实在的再好不过的方式了. 我们要实现线上答题竞赛,可以用什么工具呢?什么样的 ...
全国计算机在线做题,全国计算机等级考试一级题库.docx
全国计算机等级考试一级题库全国计算机等级考试一级题库一选择题: 1．微型计算机硬件系统中最核心的部件是( ).答案:B A .主板 B. CPU C.内存储器 D. I/O 设备 2．下列术语中 ...
计算机Word2010在线做题,计算机WORD题库及答案.doc
Word考试题及答案一.单选题 1.在Word 2003主窗口呈最大化显示时,该窗口的右上角可以同时显示的按钮是_____按钮. A:最小化.还原.最大化 B:还原.最大化和关闭 C:最小化.还原和 ...
mysql创建学生答题系统_jsp+ssm+mysql实现的学生在线考试系统
jsp+mysql+ssm框架实现的学生在线考试系统 https://www.yuanlrc.com/product/details.html?pid=169&fuid=6666 系统功能比较 ...
山东大学软件学院高级语言课程设计JAVA课程设计-学生在线考试系统平台
说明:blog 不全面而且也不是上交实验报告的最终版本(是自己实验过程中简单记录的笔记),完整内容(含代码+实验报告)可以通过(山东大学软件学院高级语言课程设计JAVA课程设计-学生在线考试系统平台) ...

php 实现答题计时,JavaScript实现学生在线做题计时器功能

php 实现答题计时,JavaScript实现学生在线做题计时器功能相关推荐

最新文章

热门文章