国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript實現學生在線做題計時器功能

2019-11-19 12:24:33
字體:
來源:轉載
供稿:網友

最近在項目中實現了一個學生在線做題的功能,其中需要記錄學生的答題時間,所以就在前臺寫了個計時器

效果如下:

HTML部分:

<div class="panel panel-default"> <label>答題計時:</label><input type="text" name="" readonly="readonly" id="timer" style="border: none;"></div>

JS部分:

<script type="text/javascript">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); }  </script>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 车致| 剑阁县| 安乡县| 华亭县| 霞浦县| 安图县| 青州市| 榆中县| 莒南县| 贡山| 宁城县| 青岛市| 宜川县| 大关县| 敖汉旗| 万盛区| 南部县| 夏邑县| 闸北区| 罗城| 邻水| 武隆县| 隆林| 柳河县| 隆安县| 澄城县| 德令哈市| 融水| 隆德县| 灵武市| 龙陵县| 玉林市| 津市市| 溧水县| 富平县| 理塘县| 乌鲁木齐市| 邯郸县| 南岸区| 富宁县| 满城县|