html学习（1） ---显示网页时间

最新推荐文章于 2024-09-20 19:18:19 发布

MILLOPE

最新推荐文章于 2024-09-20 19:18:19 发布

阅读量1.1k

点赞数

分类专栏： html——html

本文链接：https://blog.csdn.net/qq_34493840/article/details/88025418

版权

html——html 专栏收录该内容

2 篇文章 4 订阅

订阅专栏

中午在机房闲得无聊水时间

emm

html + js获取时间
效果图
在这里插入图片描述

code


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">//s+回车
			function getnow(){
				var　now=new Date();
				//转化为本地时间，写回网页指定位置
				document.getElementById("now").innerHTML=now.toLocaleString();
//				window.setTimeout("getnow()",1000);
				//setTimeout方法是1000ms调用getnow()方法一次
				//window可写可不写，另一种写法window.setTimeout(getnow,1000)
			}
			
			//方法二，<body "getnow()">"getnow()"可以不写
			var myclock=window.setInterval(getnow,1000);//每隔一秒调用getnow一次，即使onload没用调用
			window.onload=getnow;
			function pauseTime(){//让时间暂停
				window.clearInterval(myclock);
			}
			function continueTime(){//让时间继续
				myclock=setInterval(getnow,1000);
			}
		</script>
	</head>
	<body>
		现在时间时间是<div id="now"></div>
		<input type="button" value="暂停" onclick="pauseTime()">
		<input type="button" value="继续" onclick="continueTime()">
	</body>
</html>