2016-10-21 12 views
0

私のホームページのカウントダウン機能に問題があります。クロムでカウントダウンのjavascript関数は正常に動作します。しかし、FirefoxとIEでは、カウントは完全に異なり、カウントダウンする代わりにカウントダウンします。以下の私のコードを見てください。ご協力いただきありがとうございます。カウントダウン - Javascript - FirefoxとIEで動作していません

Javascriptを

var countdown = $('.countdown-time'); 
createTimeCicles(); 
$(window).on('resize', windowSize); 

function windowSize() { 
    countdown.TimeCircles().destroy(); 
    createTimeCicles(); 
    countdown.on('webkitAnimationEnd mozAnimationEnd oAnimationEnd animationEnd', function() { 
    countdown.removeClass('animated bounceIn'); 
    }); 
} 

function createTimeCicles() { 
    countdown.addClass('animated bounceIn'); 
    countdown.TimeCircles({ 
    fg_width: 0.011, 
    bg_width: 0.1, 
    circle_bg_color: '#ffffff', 
    time: { 
     Days: { 
     color: '#66cc9a' 
     }, 
     Hours: { 
     color: '#66cc9a' 
     }, 
     Minutes: { 
     color: '#66cc9a' 
     }, 
     Seconds: { 
     color: '#66cc9a' 
     } 
    } 
    }); 
    countdown.on('webkitAnimationEnd mozAnimationEnd oAnimationEnd animationEnd', function() { 
    countdown.removeClass('animated bounceIn'); 
    }); 
} 

HTML

<div class="countdown"> 
    <!-- Timer: Your date here --> 
    <div class="countdown-time" data-date="03-31-17 00:00:00"></div> 
</div> 
+1

あなたは[?エラーについて、コンソールをチェック]でした(http://stackoverflow.com/documentation/javascript/185/getting-started -with-javascript/714/using-console-log#t = 201610211934187347137)プラグインを使用していますか?問題トラッカーに同様の問題がないかチェックしましたか?あなたは問題の原因を見つけようとするために何をしましたか? –

+0

@MikeC彼はTimeCirclesというjQueryプラグインを使用しているようです。 – dcclassics

+0

あなたのコードはChrome、Firefox、IEでうまく動作しています。 https://jsfiddle.net/f7062snm/1/ – APAD1

答えて

1

さてさて、私はあなたの問題を考え出したと思います。 documentation for TimeCirclesによれば、カウントダウンしているかカウントダウンしている日付はYYYY-MM-DDのようにフォーマットされていますが、現在はMM-DD-YYです。日付を再フォーマットした場合、正しく動作するようです:

<div class="countdown-time" data-date="2017-03-31 00:00:00"></div> 

JSFiddle

+1

私はそれを変更し、それは働いている!ありがとうございます... –

+0

あなたは大歓迎です。 – APAD1

関連する問題