jquery or js 的簡易計時器？

js javascript jquery jquery3.1.1

火爆浪子 2018-06-14 17:14:31 ‧ 17955 瀏覽

分享至

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

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

純真的人 iT邦大師 1 級 ‧ 2018-06-14 17:17:56 檢舉

@@純脆的JS計算就可以了@@...

paicheng0111 iT邦大師 5 級 ‧ 2018-06-14 17:19:59 檢舉

何不把你查到的PO出來呢？

weiclin iT邦高手 4 級 ‧ 2018-06-14 19:04:22 檢舉

差不多就這樣
https://jsbin.com/dikulanube/1/edit?html,js,output

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

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>

回應
分享
檢舉

登入發表回應

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>