html中计时的脚本语言,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);

}

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