网页时钟Data() 函数的使用

来源:互联网 发布:网络计划图绘制方法 编辑:程序博客网 时间:2024/06/04 01:10

var oDate = new Date();

oDate.Month()+1,当前系统的月份,注意要+1,它默认是从0开始

oDate.getDate(),系统当前的日期中的日

oDate.getDay(),星期

oDate.getMonth(),月份

oDate.getHours(),小时

oDate.getMinutes(),分钟

oDate.getSecond(),秒数


<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>网页时钟</title><style type="text/css">body,div {margin: 0;padding: 0;}body {color: #fff;}#clock {width: 300px;text-align: center;background: #1a1a1a;margin: 10px auto;padding: 20px 0;overflow: hidden;zoom: 1;}span {color: #000;width: 80px;line-height: 2;background: #fbfbfb;border: 2px solid #b4b4b4;margin: 0 10px;padding: 0 10px;}</style></head><body><div id="clock"><span></span>月<span></span>日<span></span>点<span></span>分<span></span>秒</div><script type="text/javascript">var oClock = document.getElementById("clock");var aSpan = oClock.getElementsByTagName("span");setInterval(getTimes, 1000);getTimes();function getTimes() {var oDate = new Date();var aDota = [oDate.getMonth() + 1, oDate.getDate(), oDate.getHours(), oDate.getMinutes(), oDate.getSeconds()];for (var i in aDota) {aSpan[i].innerHTML = format(aDota[i]);}function format(a) {return a.toString().replace(/^(\d)$/, "0$1");}}</script></body></html>



0 0
原创粉丝点击