jqueryカウントダウン機能を実現
1916 ワード
この例では、jqueryカウントダウン機能の実装コードについて説明します.
定義と使用方法:
setInterval()メソッドは、指定された周期(ミリ秒)で関数または計算式を呼び出すことができます.
setInterval()メソッドは、clearInterval()が呼び出されるか、ウィンドウが閉じるまで関数を呼び出し続けます.setInterval()から返されるID値はclearInterval()メソッドのパラメータとして使用できます.次に例を挙げる
本稿では、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プログラムの設計を学ぶのに役立つことを願っています.