JSカウントダウンコードまとめ_JavaScriptスキル

00:01:11:00

<スクリプト言語="Javascript"> var 正常経過 = 100
var nextelapse = 通常の経過
変数カウンター
var startTime; var start = クロック.インナーテキスト
var 終了 = "00:00:00:00"; var タイマー = null; // 実行を開始します
関数 run() {
startB.disabled = true; endB.disabled = false
カウンタ = 0; //初期化開始時刻
startTime = new Date().valueOf(); // nextelapse はタイミング時間で、最初は 100 ミリ秒です
// setInterval 関数に注意してください。nextelapse (ミリ秒) の時間が経過すると、onTimer が
の実行を開始します。 timer = window.setInterval("onTimer()", nextelapse); }
// 実行を停止
関数 stop() {
startB.disabled = false; endB.disabled = true; window.clearTimeout(タイマー); }
window.onload = function() {
endB.disabled = true; }
// カウントダウン関数
関数 onTimer()
{
if (開始 == 終了)
{
window.clearInterval(タイマー); アラート(「時間切れ!」);
に戻る }
var hms = new String(start).split(":"); var ms = 新しい数値(hms[3]); var s = 新しい数値(hms[2]); var m = 新しい数値(hms[1]); var h = 新しい数値(hms[0]); ミリ秒 -= 10
if (ms {
ミリ秒 = 90;
s -= 1; if (s {
s = 59; m -= 1; }
if (m {
m = 59; h -= 1; }
}
var ms = ms window.clearInterval(タイマー); // システム時刻をセルフチェックして時差を取得し、それによって次回開始される新しいタイマーの時刻を取得します
カウンター
var counterSecs = カウンター * 100; var elapseSecs = new Date().valueOf() - startTime; var diffSecs = counterSecs - elapseSecs; nextelapse = 通常の経過 diffSecs
diff.value = counterSecs "-" elapseSecs "=" diffSecs; next.value = "nextelapse = " nextelapse
if (nextelapse timer = window.setInterval("onTimer()", nextelapse); }



この記事が皆さんの JavaScript ベースの Web プログラミングに役立つことを願っています。