ホームページ > 記事 > ウェブフロントエンド > JavaScriptタイマーの実装
JavaScriptタイマーの実装
- 一个新手オリジナル
- 2017-10-16 09:56:311409ブラウズ
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>自动增长计时器</title>
<script type="text/javascript">
var atime;
function clock(){
var time=new Date();
atime=time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
document.getElementById("clock").value = atime;
}
setInterval(clock,1000);
</script>
</head>
<body>
<form>
<input type="text" id="clock" size="50" style="background:#000;color:#00ff00;width:55px"; />
</form>
</body>
</html>
効果:
現在時刻を表示、自動的に成長
ボタンにタイマーを追加(開始と一時停止用)
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>计时器</title>
<script type="text/javascript">
var num=0;
var i;
function startCount(){
document.getElementById('count').value=num;
num=num+1;
i=setTimeout("startCount()",1000);
}
function stopCount(){
clearTimeout(i);
}
</script>
</head>
<body>
<form>
<input type="text" id="count" />
<input type="button" value="Start" onclick="startCount()"/>
<input type="button" value="Stop" onclick="stopCount()" />
</form>
</body>
</html>効果:
スタートボタンをクリックすると、0からカウントし、1秒追加1 。ボタンをクリックして停止し、現在の状態を維持します。
概要:
1. setInterval(code, interaction time);
パラメータ: コード: 関数名またはコード文字列にすることができます; インタラクション時間: インタラクション時間を設定します
clearInterval (id_from_setInterval); : setInterval( ) は ID 値を返します。
2. setTimeout (コード、遅延時間);
パラメータ: code: 関数名またはコード文字列にすることができます; 遅延時間: 遅延時間を設定します
clearTimeout (id_from_setTimeout); setTimeout() の値。
以上がJavaScriptタイマーの実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。