iT邦幫忙

1

jquery or js 的簡易計時器?

  • 分享至 

  • xImage

就是 00:00:00....00:00:01....
一直往後數
61秒後就是一分鐘1秒
00:01:01.....

我網上查的都好複雜。。又或是要引入一堆東西

@@純脆的JS計算就可以了@@...
何不把你查到的PO出來呢?
weiclin iT邦高手 4 級 ‧ 2018-06-14 19:04:22 檢舉
差不多就這樣
https://jsbin.com/dikulanube/1/edit?html,js,output
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

2
純真的人
iT邦大師 1 級 ‧ 2018-06-14 17:29:31
最佳解答

恩....你試試

<span id="Check_Txt" style="color:red">時間計數:<span id="Check_i">0小時0分0秒</span></span>
<script type="text/javascript">
    var SetMinute = 0;
    function Check_Time() {
        SetMinute += 1;
        var Check_i = document.getElementById("Check_i");

        var Cal_Hour = Math.floor(SetMinute / 3600);
        var Cal_Minute = Math.floor(Math.floor(SetMinute % 3600) / 60);
        var Cal_Second = SetMinute % 60;

        Check_i.innerHTML = Cal_Hour + "小時" + Cal_Minute + "分" + Cal_Second + "秒";

    }
    var mm = window.setInterval("Check_Time()", 1000);

</script>

https://ithelp.ithome.com.tw/upload/images/20180614/20061369nXKC6ZSqHQ.png

1
froce
iT邦大師 1 級 ‧ 2018-06-14 22:04:52

這樣?不過我猜我的code只能處理24小時,不想算數學的寫法。

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
</head>

<body>
    <div id="time"></div>
</body>

</html>
<script>
    var temp = new Date();
    function checktime(){
        var now = new Date(),
            diff = new Date(now -temp);
        document.getElementById("time").innerText = diff.Myformat();
    }

    Date.prototype.Myformat = function(){
        return ("0"+ this.getUTCHours()).slice(-2)+":"+("0"+this.getUTCMinutes()).slice(-2)+":"+("0"+this.getUTCSeconds()).slice(-2)
    }

    setInterval(checktime, 1000);
</script>

我要發表回答

立即登入回答