介绍 & lt; div 类=皃anel panel-default"比;
,& lt; label>答题计时:& lt;/label> & lt; input 类型=皌ext",名字=?“
,只读的=皉eadonly" id=皌imer",在
& lt;/div> & lt; script 类型=拔谋?javascript"比;
var n_timer =,计时器();//计算学生的做题时间
,var ele_timer =, . getelementbyid (“timer");
,var n_sec =, 0;//秒
,var n_min =, 0;//分
,var n_hour =, 0;//时
,
,//60秒===1分
,//60分===,1小时
,function 计时器(),{
,return setInterval (function (), {
,
,var str_sec =, n_sec;
,var str_min =, n_min;
,var str_hour =, n_hour;
,if (n_sec & lt;, 10), {=,str_sec “0“, +, n_sec;
,}
,if (n_min & lt;, 10), {=,str_min “0“, +, n_min;
,}
,
,if (n_hour & lt;, 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_hour + +;
,}
,
,},1000);
,}
,
,
& lt;/script>
这篇文章主要介绍了JavaScript怎么实现学生在线做题计时器功能,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
最近在项目中实现了一个学生在线做题的功能,其中需要记录学生的答题时间,所以就在前台写了个计时器
效果如下:
HTML部分:
JS部分:
感谢你能够认真阅读完这篇文章,希望小编分享的“JavaScript怎么实现学生在线做题计时器功能”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!
