如何用 JS 创建一个时钟呢

来源:互联网 发布:数控卧车编程 编辑:程序博客网 时间:2024/05/13 09:00

废话不多说,直接贴代码




<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JS时钟特效</title>    <style>        #divid{            width:260px;            height: 50px;            background:black;            margin:0 auto;            margin-top:300px;            line-height: 50px;            text-align: center;            font-size:25px;            color: red;        }    </style></head><body><div id="divid"></div></body><script type="text/javascript">    var divid = document.getElementById("divid");   //获取 div 标签返回的对象    setInterval("settime()",1000);      //创建一个定时器,一秒调用一次这个方法    function settime(){                 //创建方法        var dd = new Date();            //创建一个时间类对象        var y = dd.getFullYear();       //返回年        var m = dd.getMonth();          //返回月        var d = dd.getDate();           //返回日        var h = dd.getHours();          //返回时        var i = dd.getMinutes();        //返回分        var s = dd.getSeconds();        //返回秒        var date = y+"/"+m+"/"+d+"  "+h+":"+i+":"+s;    //将获取的所有值组合成一个变量        divid.innerHTML=date;       //将获取的时间值输入到div对象中,也可以用innerText    }</script></html>
基本思想是使用JS定时器方法,每1000毫秒(1秒)调用一次方法,返回并填充div
里的内容

原创粉丝点击