倒計時天，小時，分鐘，秒製作的腳本jquery

-4

我怎樣纔能有一個預定的時間倒數計時器？倒計時天，小時，分鐘，秒製作的腳本jquery

我的代碼

<html> 
 

 
<head> 
 
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
 
    <script type='text/javascript'> 
 
     $(document).ready(function() { 
 
      var seconds = 6; 
 
      var minutes = 1; 
 

 
      function calculate() { 
 
       setTimeout(calculate, 1000); 
 
       $('#showDate').html(' expires after ' + minutes + ' minutes ' + seconds + ' seconds '); 
 
       seconds--; 
 
       if (seconds < 0) { 
 
        seconds = 59; 
 
        minutes--; 
 
        if (minutes < 0) { 
 
         minutes = 0; 
 
         seconds = 0; 
 
        } 
 
       } 
 
      } 
 
      calculate(); 
 
     }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <div id='showDate'></div> 
 
</body> 
 

 
</html>

上面的代碼只適用於分和秒。我如何添加幾小時和幾天？

來源

2016-03-30 pemula banget

請妥善縮進代碼。 – Oisin

有人可以幫助你，但你需要更容易地做到這一點。例如，您提供的代碼乍一看是不可讀的。 –

可能重複的[Javasacript倒數計時器在天，小時，分鐘，秒]（http://stackoverflow.com/questions/27182628/javasacript-countdown-timer-in-days-hours-minute-seconds） –

-1

<html> 
<head> 
</head> 
<body> 
<div id="clockdiv"> 
    expires after <span class="days"></span> day <span class="hours"></span> hours <span class="minutes"></span> minutes <span class="seconds">0</span> seconds 
<script type="text/javascript"> 
function getTimeRemaining(endtime) { 
    var t = Date.parse(endtime) - Date.parse(new Date()); 
    var seconds = Math.floor((t/1000) % 60); 
    var minutes = Math.floor((t/1000/60) % 60); 
    var hours = Math.floor((t/(1000 * 60 * 60)) % 24); 
    var days = Math.floor(t/(1000 * 60 * 60 * 24)); 
    return { 
    'total': t, 
    'days': days, 
    'hours': hours, 
    'minutes': minutes, 
    'seconds': seconds 
    }; 
} 

function initializeClock(id, endtime) { 
    var clock = document.getElementById(id); 
    var daysSpan = clock.querySelector('.days'); 
    var hoursSpan = clock.querySelector('.hours'); 
    var minutesSpan = clock.querySelector('.minutes'); 
    var secondsSpan = clock.querySelector('.seconds'); 

    function updateClock() { 
    var t = getTimeRemaining(endtime); 

    daysSpan.innerHTML = t.days; 
    hoursSpan.innerHTML = ('0' + t.hours).slice(-2); 
    minutesSpan.innerHTML = ('0' + t.minutes).slice(-2); 
    secondsSpan.innerHTML = ('0' + t.seconds).slice(-2); 

    if (t.total <= 0) { 
     clearInterval(timeinterval); 
    } 
    } 

    updateClock(); 
    var timeinterval = setInterval(updateClock, 1000); 
} 

var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000); 
initializeClock('clockdiv', deadline); 
</script> 

</body> 
</html>

來源

2016-03-30 17:30:15

在這裏，你去！ 14天后過期23小時59分59秒 –

根據已經使用的方法編輯。

<html> 
 

 
<head> 
 
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
 
    <script type='text/javascript'> 
 
     $(document).ready(function() { 
 
      var days = 4; 
 
      var hours = 0; 
 
      var minutes = 0; 
 
      var seconds = 6; 
 

 
      function calculate() { 
 
       setTimeout(calculate, 1000); 
 
       $('#showDate').html(' expires after ' + days + ' days ' + hours + ' hours ' + minutes + ' minutes ' + seconds + ' seconds '); 
 
       seconds--; 
 
       if (seconds < 0) { 
 
        seconds = 59; 
 
        minutes--; 
 
        if (minutes < 0) { 
 
         hours--; 
 
         minutes = 59; 
 
         if (hours < 0) { 
 
          days--; 
 
          hours = 23; 
 
          if (days < 0) { 
 
           days = 0; 
 
           hours = 0; 
 
           minutes = 0; 
 
           seconds = 0; 
 
          } 
 
         } 
 
        } 
 
       } 
 
      } 
 
      calculate(); 
 
     }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <div id='showDate'></div> 
 
</body> 
 

 
</html>

來源

2016-03-30 17:36:05 Jester

倒計時天，小時，分鐘，秒製作的腳本jquery

回答

相關問題