JavaScript显示当前时间

左手的ㄟ右手 2023-01-17 10:57 172阅读 0赞

### JS显示当前时间控制器 ###

javascript显示当前电脑时间：xxx年xxx月xxx日xxx时xxx分xxx秒，并用input标签中的button样式控制时间的暂停开始。  
当你运行JavaScript代买时，网页显示的是时间时在每秒跳动的，当你点击暂停按钮时，网页显示的当前时间会暂停，按钮会显示开始的字样，再次点击开始的按钮，网页显示当前的时间会开始。  
代码片段如下：

<!DOCTYPE html >
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>时间控制器</title>
    <style>
    #b{
    	width:300px;
    	height:200px;
    	text-align:center;
    	font-size:24px;
    	border:2px solid red;
    }
    </style>
    <script>
    var start = window.setInterval("a()",1000);
    function a(){
    	var c  = new Date();
    	var y =c.getFullYear();
    	var m =c.getMonth()+1;
    	var d = c.getDate();
    	var h = c.getHours();
    	var min = c.getMinutes();
    	var sec = c.getSeconds();
    	document.getElementById('b').innerHTML=y+"-"+m+"-"+d+"&nbsp&nbsp&nbsp"+h+":"+min+":"+sec;
    	
    	}
    function sh(){
    	var sj = document.getElementById('bt').value;
    	if (sj=="暂停") {
    		window.clearInterval(start);
    		document.getElementById('bt').value="开始";
    	}else{
    		start = window.setInterval("a()",1000);
    		document.getElementById('bt').value="暂停";
    		}
    }
    </script>
    </head>
    
    <body>
    	<div id="b">
    
    	</div>
    	<div>
    	<input type="button" name="button" id="bt" value="暂停" onclick="sh()">
    	</div>	
    </body>
    </html>

JavaScript显示当前时间

发表评论取消回复

还没有评论，来说两句吧...

相关阅读