亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何創建一個jQuery時鐘/計時器

如何創建一個jQuery時鐘/計時器

千萬里不及你 2019-11-27 13:47:20
我有一個簡單的測驗應用程序,我想在頁面頂部顯示一個漂亮的計時器/時鐘,向用戶顯示他們已經花了多長時間了。(如果我能以某種方式為他們顯示一個計時器,用于總測驗時間,又可以為這個問題時間顯示另一個計時器,這個計時器會更酷,但是一旦我有一個計時器工作,我應該能夠弄清楚該如何做。我的問題是:用JQuery顯示簡單的計時器/時鐘的好方法是什么?(也可以直接使用JS)我知道如何檢查時間,但是如何增加秒數呢?我自己的搜索不斷將我帶到JQuery插件(我想自己動手)和“事件計時器”,這些不是我想要的...
查看完整描述

4 回答

?
鳳凰求蠱

TA貢獻1825條經驗 獲得超4個贊

兩全其美如何?我將答案與OP的格式結合在一起。


function pretty_time_string(num) {

    return ( num < 10 ? "0" : "" ) + num;

  }


var start = new Date;    


setInterval(function() {

  var total_seconds = (new Date - start) / 1000;   


  var hours = Math.floor(total_seconds / 3600);

  total_seconds = total_seconds % 3600;


  var minutes = Math.floor(total_seconds / 60);

  total_seconds = total_seconds % 60;


  var seconds = Math.floor(total_seconds);


  hours = pretty_time_string(hours);

  minutes = pretty_time_string(minutes);

  seconds = pretty_time_string(seconds);


  var currentTimeString = hours + ":" + minutes + ":" + seconds;


  $('.timer').text(currentTimeString);

}, 1000);


查看完整回答
反對 回復 2019-11-27
  • 4 回答
  • 0 關注
  • 764 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號