码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript时钟代码小分析

时间:2018-02-20 23:13:54      阅读:270      评论:0      收藏:0      [点我收藏+]

标签:nbsp   加载   inner   relative   timeout   javascrip   htm   radius   日期   

      想必大家都会写个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时钟代码小分析

标签:nbsp   加载   inner   relative   timeout   javascrip   htm   radius   日期   

原文地址:https://www.cnblogs.com/CodeScript/p/8455947.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!