欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript實(shí)現(xiàn)學(xué)生在線做題計(jì)時(shí)器功能

 更新時(shí)間：2018年12月05日 08:35:49   作者：believe__sss  
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)學(xué)生在線做題計(jì)時(shí)器功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

最近在項(xiàng)目中實(shí)現(xiàn)了一個(gè)學(xué)生在線做題的功能，其中需要記錄學(xué)生的答題時(shí)間，所以就在前臺(tái)寫了個(gè)計(jì)時(shí)器

效果如下：

HTML部分：

<div class="panel panel-default">
 <label>答題計(jì)時(shí)：</label><input type="text" name=""
 readonly="readonly" id="timer" style="border: none;">
</div>

JS部分：

<script type="text/javascript">
var n_timer = timer();
//計(jì)算學(xué)生的做題時(shí)間
 var ele_timer = document.getElementById("timer");
 var n_sec = 0; //秒
 var n_min = 0; //分
 var n_hour = 0; //時(shí)
 
 //60秒 === 1分
 //60分 === 1小時(shí)
 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>

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • 微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁(yè)面操作方法

    微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁(yè)面操作方法

    這篇文章主要給大家介紹了關(guān)于微信小程序掃描普通二維碼跳轉(zhuǎn)到小程序指定頁(yè)面操作的相關(guān)資料,為了分享方便,或者制作宣傳海報(bào)之類的,經(jīng)常需要用到微信小程序指定頁(yè)面的二維碼,讓用戶掃碼直達(dá)頁(yè)面,需要的朋友可以參考下
    2023-08-08
  • JavaScript中變量提升和函數(shù)提升的詳解

    JavaScript中變量提升和函數(shù)提升的詳解

    這篇文章主要介紹了JavaScript中變量提升和函數(shù)提升的詳解，文章通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-08-08
  • 跟我學(xué)習(xí)javascript的循環(huán)

    跟我學(xué)習(xí)javascript的循環(huán)

    跟我學(xué)習(xí)javascript的循環(huán)，本文不僅針對(duì)javascript循環(huán)進(jìn)行講解，還對(duì)prototype補(bǔ)充了幾點(diǎn)小tips，歡迎大家閱讀。
    2015-11-11
  • js實(shí)現(xiàn)京東秒殺倒計(jì)時(shí)功能

    js實(shí)現(xiàn)京東秒殺倒計(jì)時(shí)功能

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)京東秒殺倒計(jì)時(shí)功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-01-01
  • 微信小程序長(zhǎng)按識(shí)別二維碼的幾種情況分析

    微信小程序長(zhǎng)按識(shí)別二維碼的幾種情況分析

    最近接到需求,在小程序內(nèi)部長(zhǎng)按識(shí)別二維碼添加個(gè)人微信,下面這篇文章主要給大家分析介紹了關(guān)于微信小程序長(zhǎng)按識(shí)別二維碼的幾種情況,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2022-08-08
  • 怎樣用Javascript實(shí)現(xiàn)單例模式

    怎樣用Javascript實(shí)現(xiàn)單例模式

    這篇文章主要介紹了怎樣用Javascript實(shí)現(xiàn)單例模式，想學(xué)習(xí)設(shè)計(jì)模式的同學(xué)，可以參考下
    2021-04-04
  • 詳解處理bootstrap4不支持遠(yuǎn)程靜態(tài)框問題

    詳解處理bootstrap4不支持遠(yuǎn)程靜態(tài)框問題

    這篇文章主要介紹了詳解處理bootstrap4不支持遠(yuǎn)程靜態(tài)框問題，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2018-07-07
  • JS相冊(cè)圖片抖動(dòng)放大展示效果的示例代碼

    JS相冊(cè)圖片抖動(dòng)放大展示效果的示例代碼

    這篇文章主要介紹了JS相冊(cè)圖片抖動(dòng)放大展示效果的示例代碼,代碼簡(jiǎn)單易懂，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
    2021-01-01
  • js輪盤抽獎(jiǎng)實(shí)例分析

    js輪盤抽獎(jiǎng)實(shí)例分析

    這篇文章主要為大家詳細(xì)介紹了js輪盤抽獎(jiǎng)實(shí)例，分析js輪盤抽獎(jiǎng)實(shí)現(xiàn)原理，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-08-08
  • 使用canvas修改二維碼顏色的實(shí)現(xiàn)過程

    使用canvas修改二維碼顏色的實(shí)現(xiàn)過程

    二維碼作為現(xiàn)代信息傳遞的重要工具,其黑白色調(diào)一直是其標(biāo)志性特征,然而,有時(shí)我們可能希望個(gè)性化定制二維碼的顏色,以適應(yīng)特定設(shè)計(jì)需求或提高可識(shí)別性,在這篇文章中,我們將深入探討如何使用Canvas技術(shù)修改二維碼的顏色,為二維碼添加更多創(chuàng)意和個(gè)性
    2023-11-11

最新評(píng)論