我使用的是countdown.js:http://blog.smalldo.gs/2013/12/create-simple-countdown/
我没有JavaScript的经验,我需要倒计时从现在起的一周,7天,2014年2月24日。
我该怎么做才能改变这个?
下面是我的html中的内容:
<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> 发布于 2014-02-16 23:19:11
只要改变targetDate = new Date(2050, 00, 01);
转到targetDate = new Date(2014, 01, 24);
日期构造函数采用年份、月-1、日。
这是一个固定日期(如2014年2月24日),而不是相对日期(如“从今天起一周”)。
发布于 2014-02-16 23:12:21
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天到今天的日期。
发布于 2014-02-16 23:35:37
试试这样的东西,这里也是js小提琴:
http://jsfiddle.net/rnewsome/D3tPR/
需要页面上的html元素,如下所示:
<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();https://stackoverflow.com/questions/21818035
复制相似问题