0

jQueryカウントダウンに複数のインスタンスを使用しており、カウンターが終了したときにページのリロードを実装しています。

$('.countdown').each(function() {
    var $this = $(this), 
    finalDate = $(this).data('countdown');

    $this.countdown((finalDate), function(event) {
        var days = event.strftime('%D');
        $(this).find('.days').children('span').html(days);
        $(this).find('.hours').children('span').html(event.strftime('%H'));
        $(this).find('.minutes').children('span').html(event.strftime('%M'));
        $(this).find('.seconds').children('span').html(event.strftime('%S'));
    });
    $(this).on('finish.countdown', function(event){
        /*if(!window.location.hash && !(window.location.hash.indexOf('_loaded') > -1)) {
            window.location = window.location + '#_loaded'; window.location.reload();
        }*/
        //If I put window location reload here it will goes into infinite loop. Also above commented code will reload page twice initially which is also not valid solution.
    });
});

問題: カウントダウンが既に終了している場合 (例: 00:00:00:00 )、スクリプトが最初にロードされたときにページのリロードが 2 回発生します。

localStorage の概念を使用しましたが、正確な解決策を見つけることができません。助けてください

4

1 に答える 1

0

ページが常に即座にリロードされるという、ほとんどこの問題がありました。ローカル時間とサーバー時間が同じかどうかを確認してください。私の場合、違いは 2 時間でした。これは、ページが常にループする問題でした。カウントダウン プラグインには、タイムゾーンの認識に関する注意事項があります: http://hilios.github.io/jQuery.countdown/examples/timezone-aware.html

于 2015-10-12T20:37:34.237 に答える