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

js毫秒倒计时

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

刷新时间也不一定就是50毫秒最好,但是考虑到人的肉眼识别能力,刷新频率太快也没啥意义,另外,我们应该考虑到两种需求情况:1.现在距离将来某一时间还有多久;2.从过去某一时间到现在已经经历了多久。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

<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:
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