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

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

效果如下：

超文本标记语言部分：

div class='panel panel-default '标签答题计时：/labelinput type=' text ' name=' readonly=' readonly ' id=' timer ' style=' border : none；/divJS部分：

脚本类型=' text/JavaScript ' var n _ timer=timer()；//计算学生的做题时间var ele _ timer=文档。getelementbyid(' timer ')；var n _ sec=0；//秒var n _ min=0；//分var n _ hour=0；//时//60秒===1分//60分===1小时函数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=时间；n _ sec if(n _ sec 59){ n _ sec=0；n _ min } if(n _ min 59){ n _ min=0；n _小时；} }, 1000);}/脚本以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。