其他分享
首页 > 其他分享> > 显示当前时间:显示当前年月日,时分秒,每1秒刷新一次,可以时间停 止,也可以时间继续

显示当前时间:显示当前年月日,时分秒,每1秒刷新一次,可以时间停 止,也可以时间继续

作者:互联网

在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
	</head>
	<body>
		<input type="text" name="" id="txt" style="font-size: 30px  ;width:500px;height:50px ;" /></br>
		<input type="button" value="启动时间" onclick="starTimer()" />
		<input type="button" value="停止时间" onclick="stopTimer()" />

	</body>
			<script type="text/javascript">
			/*定时器返回的值:数字*/
			var timer=null;
			/*定时器函数*/
			function starTimer(){
				timer=setInterval(showDate,1000);
			}
		
			function showDate(){
				/*创建时间*/
				var date=new Date();
				/*获取文件筐对象*/
				var otxt=document.getElementById("txt");
				otxt.value=date.getFullYear()+"年"
					+(date.getMonth()+1)+"月"+date.getDate()+"日"
					+date.getHours()+"时"+date.getMinutes()+"分"+date.getSeconds()+"秒";
			}
			/*停止计时器*/
			function stopTimer(){
				clearInterval(timer);
				
				
			}
		</script>
</html>

标签:function,otxt,timer,var,时间,当前,date,时分秒,showDate
来源: https://blog.csdn.net/qq_45580938/article/details/100186603