网页上的时间显示设置

网页上的时间显示设置：

<script>
//方法一：动态显示时间（自己设置）
function showTime1() {
var dateInfo = "现在时间是：";

//Date 对象的用法
var date = new Date();
//1）得到日期的年份
var year = date.getFullYear();
//2）得到月份
var month = date.getMonth() + 1;
//3）得到天数
var day = date.getDate();
//4）得到星期数
var weekIndex = date.getDay();
//定义星期数组
var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '
星期六'];
//5）得到小时数
var hour = date.getHours();

//6）得到分钟数
var minute = date.getMinutes();
//7）得到秒数
var second = date.getSeconds();
//连接上面所有的日期和时间
dateInfo += year + '年' + month + '月' + day + '日&nbsp;'
dateInfo += hour + ":" + minute + ":" + second + "&nbsp;&nbsp;";
dateInfo += weeks[weekIndex] + "&nbsp;&nbsp;";
//将上面的时间字符串赋值给层div
document.getElementById("d1").innerHTML = dateInfo;
//利用定时器
setTimeout(function(){
showTime1();
},1000);
}

//方法二：动态显示时间（利用电脑内部的时间设置）
function showTime2(){
JAVAEE 课程系列主讲：王峰第27 页共27 页2018 年8 月2 日星期四
var dateInfo = "现在时间是：";
//Date 对象的用法
var date = new Date();
//得到星期数
var weekIndex = date.getDay();
//定义星期数组
var weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '
星期六'];
dateInfo += date.toLocaleDateString() + "&nbsp;&nbsp;"; //显示本地日期部分
dateInfo += date.toLocaleTimeString()+ "&nbsp;&nbsp;"; //显示本地时间部分
dateInfo += weeks[weekIndex];
//将上面的时间字符串赋值给层div
document.getElementById("d2").innerHTML = dateInfo;
//利用定时器
setTimeout(function(){
showTime2();
},1000);
}
</script>

     

   以上便是两种我们平时常见的网页上的动态时间设置了。