日: 2023年1月17日

[JavaScript] 08 デジタル時計配置

[M1 Mac, Big Sur 11.7.2]

MySQLアプリにプログレスバーを実装するのに手間取っていて、解決への取っ掛かりとしてHTMLの正常動作を確認するためデジタル時計を配置しました。

setInterval関数の第1引数に繰り返し実行する関数を入れるのですが、なぜかシングルクオートで囲む仕様になっています。

インタプリタの観点からは関数が格納されているメモリアドレスにアクセスするという意味合いなのでしょうが、正直ユーザーフレンドリーではないですね。

#MySQLアプリ #PHP

<span id="clockTime"></span>
<script type="text/javascript">
	function set2fig(num) {
		var ret;
		if( num < 10 ) { ret = "0" + num; }
		else { ret = num; }
	return ret;
	}

	function showTime() {
		var now = new Date();
		var nowhour = set2fig(now.getHours());
		var nowminutes = set2fig(now.getMinutes());
		var nowseconds = set2fig(now.getSeconds());
	
		var clockTime = "現在時刻 " + nowhour + ":" + nowminutes + ":" + nowseconds;
		console.log(clockTime);
		document.getElementById("clockTime").innerHTML = clockTime;
    
    return clockTime;
  	}
	
	setInterval('showTime()', 1000);
</script>

参考サイト