Javascript Java脚本countddown不工作

Javascript Java脚本countddown不工作,javascript,jquery,countdown,Javascript,Jquery,Countdown,这就是代码人。。。让我告诉你怎么了。。。在何处以及如何添加目标或倒计时结束日期 /** * downCount: Simple Countdown clock with offset * Author: Sonny T. <hi@sonnyt.com>, sonnyt.com */ (function ($) { $.fn.downCount = function (options, callback) { var settings = $.exte

这就是代码人。。。让我告诉你怎么了。。。在何处以及如何添加目标或倒计时结束日期

/**
 * downCount: Simple Countdown clock with offset
 * Author: Sonny T. <hi@sonnyt.com>, sonnyt.com
 */

(function ($) {

    $.fn.downCount = function (options, callback) {
        var settings = $.extend({
                date: null,
                offset: null
            }, options);

        // Throw error if date is not set
        if (!settings.date) {
            $.error('Date is not defined.');
        }

        // Throw error if date is set incorectly
        if (!Date.parse(settings.date)) {
            $.error('Incorrect date format, it should look like this, 12/24/2012 12:00:00.');
        }

        // Save container
        var container = this;

        /**
         * Change client's local date to match offset timezone
         * @return {Object} Fixed Date object.
         */
        var currentDate = function () {
            // get client's current date
            var date = new Date();

            // turn date to utc
            var utc = date.getTime() + (date.getTimezoneOffset() * 60000);

            // set new Date object
            var new_date = new Date(utc + (3600000*settings.offset))

            return new_date;
        };

        /**
         * Main downCount function that calculates everything
         */
        function countdown () {
            var target_date = new Date(settings.date), // set target date
                current_date = currentDate(); // get fixed current date

            // difference of dates
            var difference = target_date - current_date;

            // if difference is negative than it's pass the target date
            if (difference < 0) {
                // stop timer
                clearInterval(interval);

                if (callback && typeof callback === 'function') callback();

                return;
            }

            // basic math variables
            var _second = 1000,
                _minute = _second * 60,
                _hour = _minute * 60,
                _day = _hour * 24;

            // calculate dates
            var days = Math.floor(difference / _day),
                hours = Math.floor((difference % _day) / _hour),
                minutes = Math.floor((difference % _hour) / _minute),
                seconds = Math.floor((difference % _minute) / _second);

                // fix dates so that it will show two digets
                days = (String(days).length >= 2) ? days : '0' + days;
                hours = (String(hours).length >= 2) ? hours : '0' + hours;
                minutes = (String(minutes).length >= 2) ? minutes : '0' + minutes;
                seconds = (String(seconds).length >= 2) ? seconds : '0' + seconds;

            // based on the date change the refrence wording
            var ref_days = (days === 1) ? 'day' : 'days',
                ref_hours = (hours === 1) ? 'hour' : 'hours',
                ref_minutes = (minutes === 1) ? 'minute' : 'minutes',
                ref_seconds = (seconds === 1) ? 'second' : 'seconds';

            // set to DOM
            container.find('.days').text(days);
            container.find('.hours').text(hours);
            container.find('.minutes').text(minutes);
            container.find('.seconds').text(seconds);

            container.find('.days_ref').text(ref_days);
            container.find('.hours_ref').text(ref_hours);
            container.find('.minutes_ref').text(ref_minutes);
            container.find('.seconds_ref').text(ref_seconds);
        };

        // start
        var interval = setInterval(countdown, 1000);
    };

})(jQuery);
/**
*倒计时:带有偏移量的简单倒计时时钟
*作者:Sonny T.,Sonny.com
*/
(函数($){
$.fn.downCount=函数(选项,回调){
变量设置=$.extend({
日期:空,
偏移量:空
},选项);
//如果未设置日期,则抛出错误
如果(!settings.date){
$.error('日期未定义');
}
//如果日期设置不正确,则抛出错误
如果(!Date.parse(settings.Date)){
$.error('日期格式不正确,应如下所示,2012年12月24日12:00:00');
}
//保存容器
var容器=这个;
/**
*更改客户端的本地日期以匹配偏移时区
*@return{Object}固定日期对象。
*/
var currentDate=函数(){
//获取客户端的当前日期
变量日期=新日期();
//将日期转换为utc
var utc=date.getTime()+(date.getTimezoneOffset()*60000);
//设置新的日期对象
var new_date=新日期(utc+(3600000*settings.offset))
返回新的_日期;
};
/**
*计算所有内容的主downCount函数
*/
函数倒计时(){
var target_date=新日期(settings.date),//设置目标日期
当前日期=当前日期();//获取固定的当前日期
//日期差异
var差异=目标日期-当前日期;
//如果差值为负值,则超过目标日期
如果(差异<0){
//停止计时器
间隔时间;
if(callback&&typeof callback=='function')callback();
返回;
}
//基本数学变量
var_秒=1000,
_分钟=_秒*60,
_小时=_分钟*60,
_日=_小时*24;
//计算日期
var天数=数学下限(差值/_天),
小时数=数学楼层((差异%\u天)/\u小时),
分钟=数学楼层((差异%\u小时)/\u分钟),
秒=数学楼层((差%\u分钟)/\u秒);
//确定日期,以便显示两个数码集
天=(字符串(天)。长度>=2)?天:“0”+天;
小时=(字符串(小时)。长度>=2)?小时:“0”+小时;
分钟=(字符串(分钟)。长度>=2)?分钟:“0”+分钟;
秒=(字符串(秒)。长度>=2)?秒:“0”+秒;
//根据日期更改参考措辞
var ref_days=(days==1)?“day”:“days”,
参考小时=(小时===1)?“小时”:“小时”,
参考分钟=(分钟===1)?“分钟”:“分钟”,
参考秒=(秒===1)?“秒”:“秒”;
//设置为DOM
container.find('.days').text(days);
container.find('.hours').text(hours);
container.find('.minutes').text(minutes);
container.find('.seconds').text(秒);
container.find('.days\u ref').text(ref\u days);
container.find('.hours\u ref').text(ref\u hours);
container.find('.minutes\u ref').text(ref\u minutes);
container.find('.seconds\u ref').text(ref\u seconds);
};
//开始
var间隔=设置间隔(倒计时,1000);
};
})(jQuery);

代码实际上正在工作。您应该添加一个脚本来调用它。这是一个倒计时插件,其代码应为:

$('.countdown').downCount({
    date: '12/02/2015 19:00:00',
    offset: +1
}, function () {
    alert('WOOT WOOT, done!');
});
日期显然是您希望倒计时结束的日期和时间,偏移量是UTC偏移量。 关于它的一切都可以找到


此外,它还需要jQuery。

代码实际上正在工作。您应该添加一个脚本来调用它。这是一个倒计时插件,其代码应为:

$('.countdown').downCount({
    date: '12/02/2015 19:00:00',
    offset: +1
}, function () {
    alert('WOOT WOOT, done!');
});
日期显然是您希望倒计时结束的日期和时间,偏移量是UTC偏移量。 关于它的一切都可以找到


此外,它还需要jQuery。

这些更改并不能让它工作……嗨,Anjali,@SHAZ的编辑使所有代码都适合代码窗口,没有“更改”。我看到这不是您自己开发的代码,可以试试这个:有一个好的双文档,您能告诉我们出了什么问题吗?你希望这能做什么?它的作用是什么?您在控制台中看到任何错误吗?你真的调用了这个插件吗,如文档所示:?这些更改并不能使它工作…嗨,Anjali,@SHAZ的编辑使所有的代码都可以放在代码窗口中,没有“更改”。正如我看到的,这不是你自己开发的代码,也许可以试试这个:有一个好的双文档,你能告诉我们出了什么问题吗?你希望这能做什么?它的作用是什么?您在控制台中看到任何错误吗?你是否真的调用了这个插件,如文档所示:?