0

スケジュールされたイベントに" Countdown360 " jQuery プラグインを使用しています。

また、ページが開いてから 100 秒に設定されています。

このタイマーを毎週月曜日の午前 9 時から午前9 時1 分まで実行するように設定するにはどうすればよいですか?

デモ。

この目的のためのより良いプラグインはありますか?

$("#countdown").countdown360({
  radius      : 80,
  seconds     : 60,
  fontColor   : '#FFFFFF',
  autostart   : false,
  onComplete  : function () { console.log('done') }
}).start()
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://www.jqueryscript.net/demo/Simple-jQuery-Html5-Based-360-Degree-Countdown-Timer-countdown360/src/jquery.countdown360.js"></script>

<div id="countdown"></div>

4

1 に答える 1

1

特定の時間にスクリプトを実行できない場合は、毎秒時間を確認する必要があります...

パラメータ化可能な曜日と時間の例

1日目 => 月曜日

function checkTime(dayok,hoursok,minuteok,secondsok)
{
  var date=new Date();
  var day = date.getDay();
  var hours  = date.getHours();
  var min = date.getMinutes();
  var seconds = date.getSeconds();
  console.log(day+ " - "+hours+":"+min+":"+seconds);
  if(day==dayok && hours==hoursok && minute==minuteok && seconds==secondsok)
    return true;
  else
    return false;
}

function goCountDown()
{
  if(checkTime(1,9,0,0))
  {
    $("#countdown").countdown360({
      radius      : 80,
      seconds     : 60,
      fontColor   : '#FFFFFF',
      autostart   : false,
      onComplete  : function () { console.log('done') }
    }).start()
  }
}

setInterval(function(){ goCountDown() }, 1000);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://www.jqueryscript.net/demo/Simple-jQuery-Html5-Based-360-Degree-Countdown-Timer-countdown360/src/jquery.countdown360.js"></script>

<div id="countdown"></div>

于 2016-11-22T13:05:41.860 に答える