JavaScript Countdown Timer to specific time everyday

前端 未结 2 469
余生分开走
余生分开走 2021-01-27 17:14

I am currently developing a website with a countdown timer at the headline: http://iphone.myhandykey.com/

The current timer is just 12hrs + few mins.. What I would like

相关标签:
2条回答
  • 2021-01-27 17:42

    (function() {
      var start = new Date;
      start.setHours(23, 0, 0); // 11pm
    
      function pad(num) {
        return ("0" + parseInt(num)).substr(-2);
      }
    
      function tick() {
        var now = new Date;
        if (now > start) { // too late, go to tomorrow
          start.setDate(start.getDate() + 1);
        }
        var remain = ((start - now) / 1000);
        var hh = pad((remain / 60 / 60) % 60);
        var mm = pad((remain / 60) % 60);
        var ss = pad(remain % 60);
        document.getElementById('time').innerHTML =
          hh + ":" + mm + ":" + ss;
        setTimeout(tick, 1000);
      }
    
      document.addEventListener('DOMContentLoaded', tick);
    })();
    Only <span id='time'></span> left!

    0 讨论(0)
  • 2021-01-27 17:51

    Something like this:

        $(document).ready(function () {
            var mg = new Date(2016, 5, 21, 0, 0, 0, 0);
            var tmr = window.setInterval(function () {
                var d = new Date();
                var dif = mg - d;
                var s = parseInt(dif / 1000);
    if (s < 0) {
        document.getElementById('spCnt').innerHTML = 'Event starts';
        window.clearInterval(tmr);
        return;
    }
                var sec = s % 60;
                var m = parseInt(s / 60);
                var min = m % 60;
                var h = parseInt(m / 60);
                var hour = h % 24;
                d = parseInt(h / 24);
    
                document.getElementById('spCnt').innerHTML = d + ' days ' + hour + ' hours ' + min + ' min and ' + sec + ' sec remaining';
            }, 1000);
        });
    
    0 讨论(0)
提交回复
热议问题