JS实现网页时钟

JS实现网页时钟

1.js获取时间new data

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( ); //获取日期与时间

2.HTML DOM innerHTML 属性

定义和用法:

innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

语法:

 

HTMLElementObject.innerHTML=text

例如:

比如在中写了如下的代码:



现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了。
例如top.innerHTML="";就可以在top对应的位置出现一个button了。

3.网页时钟具体实现代码





网页时钟




4.实现效果

JS实现网页时钟_第1张图片

你可能感兴趣的:(JS实现网页时钟)