Question

是否可以在几天内创建一个简单的javascript / jQuery倒计时？我想创建一个daycountdown，但互联网上的那些是很多。我只想要这样的事情：第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

倒数天数

2 个答案: