ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jquery に基づくカウントダウン実装コード

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) は、渡されたパラメーターに従って、渡された数値の前に自動的にゼロを追加できます。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート