js笔记----动态显示时间

最新推荐文章于 2024-03-18 18:04:15 发布

02be55f

最新推荐文章于 2024-03-18 18:04:15 发布

阅读量157

点赞数

分类专栏： JS学习笔记

本文链接：https://blog.csdn.net/qq_30508729/article/details/103950860

版权

JS学习笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

代码：

<!DOCTYPE html>
<html>
<head>
	<title>动态显示时间</title>
</head>
<body>
	<script >

		function clock(){
			var str="现在时间："
			var today=new Date();
			var hours=today.getHours();
			var minutes=today.getMinutes();
			var seconds=today.getSeconds();
			if(hours<12){
				str+="上午"

			}else{
				str+='下午'
			}
			str+=hours+"时"+minutes+"分"+seconds+"秒"
			
			//document.write(str)
			
			var clock=document.getElementById("clock");
			clock.value=str
		}
		var timeId=setInterval('clock()',1000)	
	</script>
<input type="text" id="clock" size="40" >
<input type="button"  id="clock" value="时间停止" onclick="clearInterval(timeId)">

</body>
</html>

效果：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

02be55f

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js笔记----动态显示时间

代码：<!DOCTYPE html><html><head> <title>动态显示时间</title></head><body> <script > function clock(){ var str="现在时间：" var today=new Date(); ...
复制链接

扫一扫