如何在Web技术上将倒计时器设置为特定的日期和时间

Question

如何将计时器倒计时设置为特定日期和时间，例如日期为6月1日00:00:00 代码必须显示该特定日期或时间的剩余时间。

Answer 1

您可以使用jQuery Countdown Plugin

Answer 2

或者这是一个非常好的免费Under under模板，带有倒数计时器

http://demo.ourtuts.com/site-under-construction/

在演示中，倒数计时器设置如下（从源头抓取）

$(function () {
var austDay = new Date("December 10, 2012 02:15:00");
    $('#defaultCountdown').countdown({until: austDay, layout: '{dn} {dl}, {hn} {hl}, {mn} {ml}, and {sn} {sl}'});
    $('#year').text(austDay.getFullYear());
    });

您只需更改日期字符串

即可

var austDay = new Date("December 10, 2012 02:15:00");

以满足您的需求，您也可以根据需要更改设计。

要下载的链接位于http://www.ourtuts.com/free-site-under-construction-template/