天数倒计时

Question

是否可以在几天内创建一个简单的 javascript/jQuery 倒计时？我想创建倒计时，但互联网上的倒计时太多了。我只想要这样的东西：第 0 天：还剩 300 天。第 1 天：还有 299 天。

有人可以帮帮我吗？

Answer 1

试试这个并根据需要自定义：

<script type="text/javascript">
    var day=300;
    var interval=setInterval(function(){
       day -= 1;
       if(day==0){
           clearInterval(interval);
       }
    alert(day);   
    },1000);
</script>

Answer 2

不需要很多代码，只需要一个小的辅助函数来计算天数差异，然后用你想要的任何内容替换内容。

完整样本：

<html>
  <div id="counter" />

  <script type="text/javascript">
    function daysDifference($startDate, $endDate) {
      oneDay = 24*60*60*1000;
      return Math.ceil(($endDate.getTime() - $startDate.getTime()) / oneDay);  
    }

    // 2015/01/01
    $startDate = new Date(2015, 0, 1);
    // 2015/12/31
    $endDate = new Date(2015, 11, 31);
    $today = new Date();
    document.getElementById("counter").innerHTML = 'Day ' + daysDifference($startDate, $today) + ': ' + daysDifference($today, $endDate) + ' days left';
  </script>
</html>

http://codepen.io/anon/pen/KwjvqO?editors=100

天数倒计时

Countdown in days

html

javascript

jquery

counter