jQuery_jquery に基づくカウントダウン実装コード-jsチュートリアル-php.cn

jQuery_jquery に基づくカウントダウン実装コード

WBOY

リリース： 2016-05-16 17:53:06

オリジナル

968 人が閲覧しました

オンラインデモ: http://demo.jb51.net/js/2012/mydaojishi/
パッケージのダウンロード: mydaojishi_jb51
コアコード:

コードをコピーコードは次のとおりです。

 
$(function(){ 
var t Year = ""; //入力年
var tMonth = ""; //入力月
var tDate = ""; //入力日付
var iRemain = "";開始と終了 
var sDate = ""; //カウントダウン日数
var sHour = ""; //カウントダウン時間
var sMin = "" //カウントダウン分
var sSec = " "; //カウントダウンの秒数
var sMsec = ""; //ミリ秒数
//一般的なツール関数、1桁に0を加算し、先頭に追加する数値を設定します。 N 個のパラメータ zero
function setDig(num,n){ 
var str = "" num; 
while(str.lengthstr="0" str 
} 
return str; 
} 
//日、時間、分、秒の差を取得します
function getdate(){ 
//開始時刻と終了時刻の日付オブジェクトを作成します
var oStartDate = new Date(); 
var oEndDate = new Date(); 
//テキストボックスの値を取得します
tyear = $("#tyear").val(); 🎜>tMonth = $("#tmonth").val(); 
tDate = $("#tdate").val(); 
//終了時刻を設定します
oEndDate.setFullyear(parseInt) (t年)); 
oEndDate.setMonth(parseInt(tMonth)-1); 
oEndDate.setHours(0); 0); 
 oEndDate.setSeconds(0); 
//開始時刻と終了時刻の秒を求めます (1000 で割った値) 
iRemain = (oEndDate.getTime() - oStartDate.getTime()) /1000; 
 //合計秒数を 1 日の秒数で割って、整数部分を取り出して日数を取得します。 
sDate = setDig(parseInt(iRemain/(60*60*24)),3); 
//合計秒数を 1 日の秒数で割って、その余りを取ります。整数の日数を差し引いた後、残りの合計秒数が減ります。 
iRemain %= 60*60*24; 
//残りの合計秒数を 1 時間の秒数で割り、整数部分を取得して時間数を取得します。 
sHour = setDig(parseInt(iRemain/(60*60)),2) 
//残りの合計秒数を 1 時間の秒数で割って、その余りを求めます。この後、残りの合計秒数が差し引かれます。 
iRemain %= 60*60; 
//残りの合計秒数を 1 分間の秒数で割り、整数部分を分数として取得します。 
sMin = setDig(parseInt(iRemain/60),2) 
//残りの合計秒数を 1 分間の秒数で割って、その余りを求めます。合計の秒数を差し引いた後。 
iRemain%=60; 
//残り秒数
sSec = setDig(iRemain,2) 
//ミリ秒数
sMsec = sSec*100; >//表示時刻を変更します
function updateShow(){ 
$(".showdate span").text(t Year "-" tMonth "-" tDate); ).each(function(index, element) { 
if(index==0){ 
$(this).text(sDate); 
}else if(index==1){ 
$(this).text(sHour); 
}else if(index == 2){ 
$(this).text(sMin); 
}else if(index == 3 ){ 
$(this).text(sMsec); 
}else if(index == 4){ 
$(this).text(sMsec); 
} 
}) ; 🎜>} 
// 時刻更新を 1 秒ごとに実行します 
function autoTime(){ 
getdate(); 
// 0 より小さい場合、呼び出し自体をクリアして 
 if(iRemain< 0){ 
clearTimeout(setT); 
return; 
var setT = setTimeout(autoTime,1000); 
//クリックタイミングを開始するボタン 
$("button").click(function(){ 
autoTime(); 
}) 
}) 

 

注意が必要なレコードのポイント: 

 1. モジュロ演算: 

 iRemain %= 60*60*24;
 は剰余を返します。この例では、剰余は数値です。整数を削除した後の残りの秒数。 

2. ツール関数 setDig(num,n) は、渡されたパラメーターに従って、渡された数値の前に自動的にゼロを追加できます。