动态文字时针

最新推荐文章于 2021-06-24 04:38:54 发布

Z0o1010

最新推荐文章于 2021-06-24 04:38:54 发布

阅读量122

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_48732879/article/details/109208730

版权

JavaScript 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<script type="text/javascript" src="js/Test.js"></script>
	</head>
	
	<body onload="clock()">
		<form action="" method="post" name="form1">
			<input type="text" name="myClock" style="font-size:14px "/>
		</form>
	</body>

</html>

Test.js

function clock() {
	var time = new Date();
	var hour = time.getHours();
	var minute = time.getMinutes();
	var second = time.getSeconds();
	var welcomeStr = "";

	if(hour > 0 && hour < 12) {
		welcomeStr = "早上好";
	} else {
		welcomeStr = "下午好";
	}

	hour = hour > 10 ? hour : ("0" + hour);
	minute = minute > 10 ? minute : ("0" + minute);
	second = minute > 10 ? second : ("0" + second);
	document.form1.myClock.value = ("现在是" + hour + "时" + minute + "分" + second + "秒");
	setTimeout("clock()", 10);

}