首頁 > web前端 > js教程 > js毫秒倒數計時

js毫秒倒數計時

巴扎黑
發布: 2016-11-25 14:57:44
原創
1309 人瀏覽過

刷新時間也不一定就是50毫秒最好,但是考慮到人的肉眼辨識能力,刷新頻率太快也沒啥意義,另外,我們應該考慮到兩種需求情況:1.現在距離將來某一時間還有多久;2.從過去某一時間到現在已經經歷了多久。

<div id="timeB"></div>
<script type="text/javascript">
    function countDown(endTime, startTime = new Date()) {//为了满足一些特殊情况这里给一个开始时间的参数并附上默认值,一般情况只需要传入结束时间即可
        let date = endTime - startTime; //时间差  
        let mmsec = date % 1000 //所余毫秒数  
        let seconds = Math.floor(date / 1000 % 60); //所余秒数  
        let minutes = Math.floor(date / 1000 / 60 % 60); //所余分钟数  
        let hour = Math.floor(date / 1000 / 60 / 60 % 24); //所余时钟数  
        let day = Math.floor(date / 1000 / 60 / 60 / 24); //天数  
        return {
            day: day
            , hour: hour
            , minutes: minutes
            , seconds: seconds
            , mmsec: mmsec
        }
    }
    const timeB = document.querySelector(&#39;#timeB&#39;);
    //开启定时器
    setInterval(() => {
        let time = countDown(new Date(2016, 8, 1));//只需要传入结束时间
        timeB.innerHTML = "距离2016年9月1号00点还有" + time.day + "天" + time.hour + "小时" + time.minutes + &#39;分钟&#39; + time.seconds + &#39;秒&#39; + time.mmsec + "毫秒";
    }, 50);
</script>
登入後複製


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板