MySQL日期时间格式的JavaScript倒计时

时间:2010-09-25 11:09:37

标签: javascript mysql datetime countdown

我的日期来自datetime格式的MySQL数据库,类似于2010-09-24 11:30:12。我需要一种方法来显示小时倒计时:到那个日期的分钟。

我对JavaScript中的日期不太熟悉,所以任何帮助都会被贬低。感谢。

3 个答案:

答案 0 :(得分:3)

您可能希望使用MySQL中的UNIX_TIMESTAMP()函数以Unix Time Format(自1970年1月1日以来的秒数)返回您的日期。假设我们的目标日期是'2011-01-01 00:00:00'(实际上你可能会有一个来自你的表的字段,而不是常量):

SELECT UNIX_TIMESTAMP('2011-01-01 00:00:00') AS timestamp;
+---------------+
| timestamp     |
+---------------+
| 1293836400    |
+---------------+
1 row in set (0.00 sec)

然后我们可以使用JavaScript中Date对象的getTime()方法来计算当前时间和目标时间之间的秒数。一旦我们得到秒数,我们就可以轻松计算出小时,分钟和天数:

var target = 1293836400;    // We got this from MySQL
var now = new Date();       // The current tume

var seconds_remaining = target - (now.getTime() / 1000).toFixed(0);
var minutes_remaining = seconds_remaining / 60;
var hours_remaining = minutes_remaining / 60;
var days_remaining = hours_remaining / 24;

alert(seconds_remaining + ' seconds');     // 8422281 seconds
alert(minutes_remaining + ' minutes');     // 140371.35 minutes
alert(hours_remaining + ' hours');         // 2339.5225 hours
alert(days_remaining + ' days');           // 97.48010416666666 days

答案 1 :(得分:2)

您可以使用jquery插件http://keith-wood.name/countdown.html

将你的mysql日期和时间传递给js作为js变量

语法是

$(selector).countdown({until: liftoffTime, format: 'HMS'})

js code here

 function mysqlTimeStampToDate(timestamp) {
    //function parses mysql datetime string and returns javascript Date object
    //input has to be in this format: 2010-09-24 11:30:12
    var regex=/^([0-9]{2,4})-([0-1][0-9])-([0-3][0-9]) (?:([0-2][0-9]):([0-5][0-9]):([0-5][0-9]))?$/;
    var parts=timestamp.replace(regex,"$1 $2 $3 $4 $5 $6").split(' ');
    return new Date(parts[0],parts[1]-1,parts[2],parts[3],parts[4],parts[5]);
  }
$('#selector').countdown({until: mysqlTimeStampToDate(<? echo "2010-09-24 11:30:12" ?>), format: 'HMS'});

答案 2 :(得分:0)

可以使用Date.parse()方法。