Rumah > hujung hadapan web > tutorial js > js毫秒倒计时

js毫秒倒计时

巴扎黑
Lepaskan: 2016-11-25 14:57:44
asal
1318 orang telah melayarinya

刷新时间也不一定就是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>
Salin selepas log masuk


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan