zoukankan      html  css  js  c++  java
  • JS活动倒计时案例

     HTML:
      <div>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>
     
    JS:
        <script>
            var spans = document.querySelectorAll('span');
            timeLive = +new Date('2020-3-23 00:00:00')
      //倒计时函数
            function countdown() {
                noWTime = +new Date;
                times = (timeLive - noWTime) / 1000;
                day = parseInt(times / 60 / 60 / 24);
                spans[0].innerText = '还剩下' + day + '天'
                h = parseInt(times / 60 / 60 % 24);
                h = h < 10 ? '0' + h : h;
                spans[1].innerText = h + '时'
                m = parseInt(times / 60 % 60);
                m = m < 10 ? '0' + m : m;
                spans[2].innerText = m + '分'
                s = parseInt(times % 60);
                s = s < 10 ? '0' + s : s;
                spans[3].innerText = s + '秒'
            }
      //需要先调用一下函数,这样页面一打开就把时间显示出来,不然需要等1秒再执行
            countdown()
            setInterval(countdown, 1000)
  • 相关阅读:
    Spring框架ioc概括
    Hibernate之二级缓存
    Hibernate之HQL
    Hibernate一对多自关联、多对多关联
    数据结构 | 链表:1097 删除重复元素
    数据结构 | 链表:1074
    在pat考试中快速调整Dev-cpp颜色配置
    dijkstra算法的堆优化
    链式前向星-学习笔记
    图的遍历 | 1131地铁图: dfs复杂模拟题
  • 原文地址:https://www.cnblogs.com/rainbowupdate/p/12543145.html
Copyright © 2011-2022 走看看