js实现页面时间动态变化
Posted llguanli
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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实现页面时间动态变化的主要内容，如果未能解决你的问题，请参考以下文章