JavaScriptのsetTimeout関数で時計を作る

JavaScriptのsetTimeout関数で時計をなんとなく作ってみました。
setTimeout関数でひたすら自分を呼び出させるだけです。

timer.html

HTMLファイル timer.htmlのソース。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<title>JavaScript Clock</title>
		<script type="text/javascript" src="timer.js"></script>
	</head>
	<body>
		<div id="timer"></div>
	</body>
</html>

timer.js
JavaScriptファイル timer.jsのソース。

function update_time(id)
{
	var d = document;
	var e;
	e = d.getElementById(id);
	if(!e) { return; }
	var t = new Date();
	e.innerHTML = t.toTimeString();
	setTimeout("update_time('" + id + "')", 1000);
}

window.onload = function(){
	update_time('timer');
};

手順

ページのロード時に update_time関数が実行させるために、window.onloadにセットします。
update_time関数では、idのエレメントを取得し、Date()で時間を取得し、idのエレメントのinnerHTMLに時刻を書き込みます。最後にsetTimeout関数で関数自身をセットしています。

いつもシェア、ありがとうございます！

もっと情報を探しませんか？

JavaScript

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12