码迷,mamicode.com
首页 > Web开发 > 详细

js实现页面时间动态变化

时间:2015-07-08 19:12:19      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:js 时间   js 动态时间   js系统时间   js时间变化   js当前时间   

利用函数嵌套和setTimeout函数实现时间动态变化

var myDate = new Date();
myDate.getYear();        //获取当前年份(2位)
myDate.getFullYear();    //获取完整的年份(4位,1970-????)
myDate.getMonth();       //获取当前月份(0-11,0代表1月)
myDate.getDate();        //获取当前日(1-31)
myDate.getDay();         //获取当前星期X(0-6,0代表星期天)
myDate.getTime();        //获取当前时间(从1970.1.1开始的毫秒数)
myDate.getHours();       //获取当前小时数(0-23)
myDate.getMinutes();     //获取当前分钟数(0-59)
myDate.getSeconds();     //获取当前秒数(0-59)
myDate.getMilliseconds();    //获取当前毫秒数(0-999)
myDate.toLocaleDateString();     //获取当前日期
var mytime=myDate.toLocaleTimeString();     //获取当前时间
myDate.toLocaleString( );        //获取日期与时间
------------------------------------华丽的分割线------------------------------------------

<html>
<script>
var t = null;
    t = setTimeout(time,1000);//开始执行
    function time()
    {
       clearTimeout(t);//清除定时器
       dt = new Date();
       var h=dt.getHours();//获取时
       var m=dt.getMinutes();//获取分
       var s=dt.getSeconds();//获取秒
       document.getElementById("showTime").innerHTML =  "现在的时间为:"+h+"时"+m+"分"+s+"秒";
       t = setTimeout(time,1000); //设定定时器,循环执行     
    } 

</script>

<body>
<label id="showTime"></lable>
</body>
</html>

效果如下

技术分享

版权声明:本文为博主原创文章,未经博主允许不得转载。

js实现页面时间动态变化

标签:js 时间   js 动态时间   js系统时间   js时间变化   js当前时间   

原文地址:http://blog.csdn.net/stronglyh/article/details/46804179

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