JavaScript时钟代码小分析

Posted codescript

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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是不同的

 

以上是关于JavaScript时钟代码小分析的主要内容，如果未能解决你的问题，请参考以下文章

fetchAllAssoc 小分析

python python中简单的小分析装饰器。

Flask-SQLAlchemy 初始化源码和蓝图blueprint源码小分析

第二次作业：微信案例----------个人小分析

OSX ＋ iTerm2 ＋ vim ＋ ssh ＋ CentOS／本机颜色配置原理小分析

代码片段如何使用CSS来快速定义多彩光标