js实现页面时间动态变化

来源：互联网发布：在职软件工程硕士编辑：程序博客网时间：2024/06/06 12:30

利用函数嵌套和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>

效果如下

0 0