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 @   好(justice)……  阅读(599)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示