0

私は、Flipclock.js プラグインに関連するちょっとしたアドバイスをしたところです。

私は毎日時計のカウントダウンを行うためにかなりの量の支援を受けて次のコードを書きました.

これは、毎日のタイマーが 1500 時間の無料配信しきい値の有効期限を表示するためのものですが、週末にはそうではありません. 現在の日が土曜日か日曜日かを確認するために条件を使用することは可能ですか。そうであれば、それに応じて時間を増やして、月曜日の 1500 まで合計時間/分を表示することはできますか?

私の最後の懸念は、UST に基づいて情報を取得していることです。英国は現在 1 時間のオフセットですが、常にそうであるとは限りません。if only ステートメントを使用し、夏時間の日付に基づいて時間をオフセットする唯一の実行可能なソリューションはありますか?それとも、よりスムーズなソリューションがありますか?

ご協力いただきありがとうございます

      var clock;
  
  // Check if it is a weekend or not
      var d = new Date();
      var n = d.getDay();
      if( n == 6 )
       var deadlineHour = 15, offset = 2;
      else if( n == 0)
        var deadlineHour = 15, offset = 1;
      else
        var deadlineHour = 15, offset = 0;

    $(document).ready(function() {

        // Grab the current date
        var currentDate = new Date();

        if(currentDate.getHours() >= deadlineHour) {
            offset = 1;
        }
      
        var opts = {
        clockFace: 'HourlyCounter',
        countdown: true,
        callbacks: {
            stop: function() {
                clock.setTime(24 * 60 * 60);
                clock.start();
            }
        }
    };
    opts.classes = {
        active: 'flip-clock-active',
        before: 'flip-clock-before',
        divider: 'flip-clock-divider',
        dot: 'flip-clock-dot',
        label: 'flip-clock-label',
        flip: 'flip',
        play: 'play',
        wrapper: 'flip-clock-small-wrapper',
    };  

        var futureDate = new Date(
            currentDate.getFullYear(), 
            currentDate.getMonth(), 
            currentDate.getDate() + offset, 
            deadlineHour
        );

        // Calculate the difference in seconds between the future and current date
        var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;

        // Instantiate a coutdown FlipClock
        clock = $('.clock').FlipClock(diff, opts);

    });
<script type='text/javascript' src='//code.jquery.com/jquery-1.10.1.js'></script>
<script type='text/javascript' src="http://flipclockjs.com/_themes/flipclockjs/js/flipclock/flipclock.js"></script>
<link rel="stylesheet" type="text/css" href="http://flipclockjs.com/_themes/flipclockjs/css/flipclock.css">
    
<br/><div class="clock"></div>

4

0 に答える 0