用JavaScript实现页面上有一个按钮，点击后能在文本框内显示出当前系统时间

最新推荐文章于 2023-02-23 10:27:14 发布

南归.

最新推荐文章于 2023-02-23 10:27:14 发布

阅读量9.5k

点赞数 5

本文链接：https://blog.csdn.net/weixin_44439442/article/details/86632629

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button id="btn">点击</button>
	<input type="text" name="" id="ipt">

	<script type="text/javascript">
		//查找页面的元素
		var o=document.getElementById('btn');
		var oc=document.getElementById('ipt');
		//添加点击事件
		o.onclick=function(){
			function showTime(){
             var date=new Date;
			 var hour=date.getHours();
			 var minute=date.getMinutes();
			 var second=date.getSeconds();
             //为小于10的数字补零
			 if(hour<10){
			 	hour='0'+hour;
			 }
			 if(minute<10){
			 	minute='0'+minute;
			 }
			 if(second<10){
			 	second='0'+second;
			 }
			 var time=hour+':'+minute+':'+second;
             oc.value=time;
		 }
            showTime();
		    setInterval(showTime,1000);
		}
		
		
		
	</script>
</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

南归.

关注关注

5
点赞
踩
28

收藏

觉得还不错? 一键收藏
1
评论
用JavaScript实现页面上有一个按钮，点击后能在文本框内显示出当前系统时间

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Document&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;button id=
复制链接

扫一扫