JavaScript时钟代码小分析

      想必大家都会写个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=myFunction
var b=myFunction();
document.write(a);
document.write(b);
//大家可以试试以上代码,a与b是不同的

 

posted @ 2018-02-20 22:38 CodeScript 阅读(...) 评论(...) 编辑 收藏