ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript だけを使用して簡単なカウントダウン タイマーを作成する方法
Web サイトに簡単なカウントダウン タイマーを確立したい場合は、「05:00」から「」にスムーズに移行するカウントダウン タイマーを使用します。 00:00」もう探す必要はありません。この記事では、複雑な Date オブジェクトを省略し、最大限のシンプルさを実現する合理化されたソリューションを提供します。
function startTimer(duration, display) { var timer = duration, minutes, seconds; setInterval(function () { minutes = parseInt(timer / 60, 10); seconds = parseInt(timer % 60, 10); minutes = minutes < 10 ? "0" + minutes : minutes; seconds = seconds < 10 ? "0" + seconds : seconds; display.textContent = minutes + ":" + seconds; if (--timer < 0) { timer = duration; } }, 1000); } window.onload = function () { var fiveMinutes = 60 * 5, display = document.querySelector('#time'); startTimer(fiveMinutes, display); };
<body> <div>Registration closes in <span>
以上がJavaScript だけを使用して簡単なカウントダウン タイマーを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。