Счетчик JavaScript не работает

Question

Счетчик JavaScript не работает

0

Я сделал счетчик JavaScript следующим образом:

window.onload = function(){
    var target_date = new Date("Aug, 15, 2019").getTime();
}
var days, hours, minutes, seconds;
var countdown = document.getElementById("countdown");

setInterval(function (){
    var current_date = new Date().getTime();
    var seconds_left = (target_date - current_date) / 1000;

    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);

    countdown.innerHTML= days + "d, " + hours + "h, " + minutes + "m, " + seconds + "s"; 
}, 1000);

HTML:

<span id="countdown"></span>

Браузер (Google Chorme) говорит:

Uncaught ReferenceError: target_date is not defined

Даже если я удалю window.onload = function(){}, все равно не будет работать. Что я сделал не так?

FFBbodie 21 окт. 2013, в 10:33

Источник

0

объявить target_date вне области window.onload
geevee 21 окт. 2013, в 07:56
0

Когда я удалил window.onload, он работал нормально - jsfiddle.net/dangoodspeed/6Xj5c
Dan Goodspeed 21 окт. 2013, в 07:58

Теги:

javascript

html

3 ответа

3

Все это связано с переменным объемом. Здесь ваш target_date определен в вашем window.onload, что делает его локальным для этой функции. Если вы хотите использовать переменную вне этой функции, объявите ее глобально, переместив ее за пределы функции:

var target_date; /* Declared globally. */
window.onload = function(){
    target_date = new Date("Aug, 15, 2019").getTime();
}

James Donnelly 21 окт. 2013, в 05:25

0

Просто переместите фигурные скобки "}" окна. Загрузка в конец скрипта

window.onload = function(){
    var target_date = new Date("Aug, 15, 2019").getTime();
    var days, hours, minutes, seconds;
    var countdown = document.getElementById("countdown");

    setInterval(function (){
        var current_date = new Date().getTime();
        var seconds_left = (target_date - current_date) / 1000;

        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);

        countdown.innerHTML= days + "d, " + hours + "h, " + minutes + "m, " + seconds + "s"; 
    }, 1000);
}

droymanz 21 окт. 2013, в 06:14

Ещё вопросы

объявить target_date вне области window.onload
Когда я удалил window.onload, он работал нормально - jsfiddle.net/dangoodspeed/6Xj5c

Don · Accepted Answer · 2013-10-21T05-26-00.000Z

Измените свой первый "}" до конца скрипта

window.onload = function(){
            var target_date = new Date("Aug, 15, 2019").getTime();

        var days, hours, minutes, seconds;
        var countdown = document.getElementById("countdown");

        setInterval(function (){
            var current_date = new Date().getTime();
            var seconds_left = (target_date - current_date) / 1000;

            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);

            countdown.innerHTML= days + "d, " + hours + "h, " + minutes + "m, " + seconds + "s"; 
        }, 1000); 
        }