JavaScript时钟代码小分析

2018-02-21 10:02:43来源:cnblogs.com作者:CodeScript人点击

分享

      想必大家都会写个JavaScript时钟代码,我今天就写个小例子:

<!DOCTYPE html><html>  <head>    <meta charset="utf-8">    <title>javascript时钟小实例</title><style>    div{    width:200px;    height:100px;    border-radius:50px;    background-color:Pink;    }    p{    font-weight:bolder;    color:Purple;    text-align:center;    position:relative;    top:40px;    }</style><script>window.onload = function myFunction() {    var time=document.getElementById("time");    var n=new Date();    time.innerHTML = n.toLocaleTimeString();    setTimeout(myFunction, 1000);};</script>  </head>  <body>    <div>      <p id="time"></p>    </div>  </body></html>        

大家看到javascript代码块,我做个解释

window.onload//待网页加载完后运行js代码。

var n=new Date(); //创建一个新日期

n.toLocaleTimeString();//将日期转化为字符串

setTimeout(myFunction,1000);//每1000毫秒=1秒 运行一次myFunction()函数里的代码

function myFunction(){return 5;}var a=myFunctionvar b=myFunction();document.write(a);document.write(b);//大家可以试试以上代码,a与b是不同的

最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台