javascript倒计时格式
我有一个javascript倒计时,你可以看到 我在这行中设置了截止时间:javascript倒计时格式,javascript,Javascript,我有一个javascript倒计时,你可以看到 我在这行中设置了截止时间: var deadline = '12/15/2015'; 它是MM/DD/YYYY格式。我想把它改成DD/MM/YYYY格式。 我怎样才能改变它 另一件事是最后期限结束时倒计时变为负数。 当倒计时结束时,我如何设置诸如“截止日期已过”之类的文本 javascript function getTimeRemaining(endtime) { var t = Date.parse(endtime) - Date.now
var deadline = '12/15/2015';
它是MM/DD/YYYY格式。我想把它改成DD/MM/YYYY格式。
我怎样才能改变它
另一件事是最后期限结束时倒计时变为负数。
当倒计时结束时,我如何设置诸如“截止日期已过”之类的文本
javascript
function getTimeRemaining(endtime) {
var t = Date.parse(endtime) - Date.now();
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 = '12/15/2015';
initializeClock('clockdiv', deadline);
函数getTimeRemaining(endtime){
var t=Date.parse(endtime)-Date.now();
var秒=数学地板((t/1000)%60);
var分钟=数学地板((t/1000/60)%60);
可变小时数=数学楼层((t/(1000*60*60))%24);
风险天数=数学下限(t/(1000*60*60*24));
返回{
“总计”:t,
“天”:天,
“小时”:小时,
“分钟”:分钟,
“秒”:秒
};
}
函数初始化锁(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');
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);
如果(t.total我稍微修改了你的代码
您必须在到达截止日期后清除间隔,并更改时钟容器的innerHTML
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');
var timeinterval = setInterval(updateClock, 1000);
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) {
clock.innerHTML = 'time is up';
clearInterval(timeinterval);
}
}
}
函数初始化锁(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');
var timeinterval=setInterval(updatelock,1000);
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);
如果(t.total我稍微修改了你的代码
您必须在到达截止日期后清除间隔,并更改时钟容器的innerHTML
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');
var timeinterval = setInterval(updateClock, 1000);
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) {
clock.innerHTML = 'time is up';
clearInterval(timeinterval);
}
}
}
函数初始化锁(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');
var timeinterval=setInterval(updatelock,1000);
函数updatelock(){
var t=GetTime剩余时间(endtime);
daysSpan.innerHTML=t.days;
hoursSpan.innerHTML=('0'+t.hours).slice(-2);
minuteSpan.innerHTML=('0'+t.minutes).slice(-2);
secondsSpan.innerHTML=('0'+t.seconds).slice(-2);
如果(t.total1)创建第二个div,用于显示“截止日期已过”的消息,当时间超过时,将其设置为可见,并将时钟设置为隐藏,如中所示
html:
2) 要将日期从DDMMYYY转换为MMDDYYY,请使用此函数:
var d1 = "15/12/2015"
d1 = d1.split('/');
var d2 = d1[1]+'/'+d1[0]+'/'+d1[2];
1) 创建第二个div,用于显示“截止日期已过”的消息,当时间超过时,将其设置为可见,并将时钟设置为隐藏,如中所示
html:
2) 要将日期从DDMMYYY转换为MMDDYYY,请使用此函数:
var d1 = "15/12/2015"
d1 = d1.split('/');
var d2 = d1[1]+'/'+d1[0]+'/'+d1[2];
在clearInterval(timeinterval);
之后放一个返回值。
至少在截止日期后倒计时不会自动更新。对于剩下的工作,你可以做一点研究。谢谢你给我指路。如果(t.total抱歉,忘了我刚才说的,我错过了阅读你的代码。在clearInterval(timeinterval);
之后放一个return
。
。至少在截止日期后倒计时不会自动更新。对于剩下的工作,你可以做一点研究。谢谢你给我展示了一种方法。如果(t.total抱歉,忘了我刚才说的,我错过了阅读你的代码。问题是我会从数据库中获取日期。比如$r[截止日期]
在datebase中,它是像DD/MM/YYYY那样添加的,所以我不确定这个convertDate函数是否适合我。我也在javascript代码中添加了这个函数,但我不能使它工作。谢谢你的帮助。所以如果我没弄错,你想要相反的转换吗?我所要做的就是使var-deadline='(15/12/2015)“;
就像那样。实际上它就像:$r[截止日期]=15/12/2015
和var-deadline=”(马特尔,我认为反向转换会帮助我。你是对的,对不起,你现在可以在答案本身(而不是评论中)中看到它。问题是我将从数据库中获取日期。就像$r[截止日期]
在datebase中,它是像DD/MM/YYYY那样添加的,所以我不确定这个convertDate函数是否适合我。我也在javascript代码中添加了这个函数,但我不能使它工作。谢谢你的帮助。所以如果我没弄错,你想要相反的转换吗?我所要做的就是使var-deadline='(15/12/2015)“;
就像那样。实际上它会像:$r[deadline]=15/12/2015
和var deadline=”(Matar,我认为反向转换将帮助我。你是对的,对不起,你现在可以在答案本身中看到它(而不是在评论中)
.hidden-div {
visibility: hidden;
}
.visible-div {
visibility: visible;
}
var d1 = "15/12/2015"
d1 = d1.split('/');
var d2 = d1[1]+'/'+d1[0]+'/'+d1[2];