首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Countdown.js调整

Countdown.js调整
EN

Stack Overflow用户
提问于 2014-02-16 23:08:11
回答 3查看 1.1K关注 0票数 0

我使用的是countdown.js:http://blog.smalldo.gs/2013/12/create-simple-countdown/

我没有JavaScript的经验,我需要倒计时从现在起的一周,7天,2014年2月24日。

我该怎么做才能改变这个?

下面是我的html中的内容:

代码语言:javascript
复制
<head>
<script src="/js/countdown.js"></script>  
</head>

<h1 id="countdown-holder"></h1>  

<script>  
  var clock = document.getElementById("countdown-holder")  
    , targetDate = new Date(2050, 00, 01); // Jan 1, 2050;  

  clock.innerHTML = countdown(targetDate).toString();  
  setInterval(function(){  
    clock.innerHTML = countdown(targetDate).toString();  
  }, 1000);  
</script>  
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-02-16 23:19:11

只要改变targetDate = new Date(2050, 00, 01);

转到targetDate = new Date(2014, 01, 24);

日期构造函数采用年份、月-1、日。

这是一个固定日期(如2014年2月24日),而不是相对日期(如“从今天起一周”)。

票数 1
EN

Stack Overflow用户

发布于 2014-02-16 23:12:21

代码语言:javascript
复制
  var newDate = new Date();
  var numberOfDaysToAdd = 7;
  newDate.setDate(newDate.getDate() + numberOfDaysToAdd); 

  var clock = document.getElementById("countdown-holder")  
    , targetDate = newDate;  

  clock.innerHTML = countdown(targetDate).toString();  
  setInterval(function(){  
    clock.innerHTML = countdown(targetDate).toString();  
  }, 1000); 

这将从7天开始柜台。它将增加7天到今天的日期。

票数 1
EN

Stack Overflow用户

发布于 2014-02-16 23:35:37

试试这样的东西,这里也是js小提琴:

http://jsfiddle.net/rnewsome/D3tPR/

需要页面上的html元素,如下所示:

代码语言:javascript
复制
<div id="counter" />

var StartTime = new Date();
var counter = document.getElementById("counter");
var timeout = null;

function GetCount() {
    var timeToExpire = new Date(StartTime);
    timeToExpire.setDate(timeToExpire.getDate() + 7);

    var ms = timeToExpire.getTime() - new Date().getTime();
    console.log(ms + "ms", (ms/1000) + "s");

    return ms;
};

function UpdateUI() {
    var timeRemaining = parseInt(GetCount() / 1000);
    counter.innerHTML = timeRemaining + " seconds"; 
    if(timeRemaining > 0) {
        timeout = setTimeout(UpdateUI , 1000); // Update Counter every second
    }
}

// Init
UpdateUI();
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21818035

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档