jqueryカウントダウン機能を実現

1916 ワード

この例では、jqueryカウントダウン機能の実装コードについて説明します.
定義と使用方法:
setInterval()メソッドは、指定された周期(ミリ秒)で関数または計算式を呼び出すことができます.
setInterval()メソッドは、clearInterval()が呼び出されるか、ウィンドウが閉じるまで関数を呼び出し続けます.setInterval()から返されるID値はclearInterval()メソッドのパラメータとして使用できます.次に例を挙げる


 
  
  jquery     
  
  
  
 
   var intDiff = parseInt(60);//       
 
   function timer(intDiff) {
    window.setInterval(function() {
     var day = 0,
       hour = 0,
       minute = 0,
       second = 0;//       
     if (intDiff > 0) {
      day = Math.floor(intDiff / (60 * 60 * 24));
      hour = Math.floor(intDiff / (60 * 60)) - (day * 24);
      minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);
      second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);
     }
     if (minute <= 9)
      minute = '0' + minute;
     if (second <= 9)
      second = '0' + second;
     $('#day_show').html(day + " ");
     $('#hour_show').html('<s id="h"></s>' + hour + ' ');
     $('#minute_show').html('<s></s>' + minute + ' ');
     $('#second_show').html('<s></s>' + second + ' ');
     intDiff--;
    }, 1000);
   }
 
   $(function() {
    timer(intDiff);
   });
  
 
 
  

Webページのカウントダウン

0 0 0 0

本稿では、jqueryプログラムの設計を学ぶのに役立つことを願っています.