javascript显示当前时间

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>

 

posted @ 2022-04-10 22:27  好(justice)……  阅读(589)  评论(0)  编辑  收藏  举报