从我的时钟javascript中删除“ - ”

时间:2014-03-12 14:07:22

标签: javascript

我正试图删除这个短划线" - "这是出现在我的日子,小时,分钟等旁边。我似乎无法弄清楚如何在我的JavaScript上。我只是更新它,让它看起来更新,如何删除破折号示例" -45days"

http://codepen.io/riwakawebsitedesigns/pen/cqnmD

// set the date we're counting down to
var target_date = new Date('Jan, 31, 2014').getTime();

// variables for time units
var days, hours, minutes, seconds;

// get tag element
var countdown = document.getElementById('clock');

// update the tag with id "countdown" every 1 second
setInterval(function () {

// find the amount of "seconds" between now and target
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;

// do some time calculations
days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;

hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;

minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);

// format countdown string + set tag value
clock.innerHTML = '<span class="days">' + days +  ' <b>Days</b></span> <span class="hours">' + hours + ' <b>Hours</b></span> <span class="minutes">'
+ minutes + ' <b>Minutes</b></span> <span class="seconds">' + seconds + ' <b>Seconds</b></span>';  

}, 1000);

2 个答案:

答案 0 :(得分:1)

它实际上是一个减号,而不是破折号,只需在计算中交换target_date和current_date:

var seconds_left = (current_date - target_date) / 1000;

答案 1 :(得分:0)

如果您希望在此日期到来之前看到正的时间,请选择将来的日期。

如果您确实想要一个正数,可以使用Math.abs()方法

'<span class="days">' + Math.abs(days) +  ' <b>Days</b></span> <span class="hours">' + Math.abs(hours) + ' <b>Hours</b></span> <span class="minutes">'
+ Math.abs(minutes) + ' <b>Minutes</b></span> <span class="seconds">' + Math.abs(seconds) + ' <b>Seconds</b></span>';  

但是你应该添加一些东西来表明这个时间已经过去了(#34;之前&#34;可能很好)