文章目录
前言
使用Date实现网页时间显示
一、什么是内置对象?
JavaScript提供一些内置对象,用于提供常用的基本功能,例如Arrays、Date、Math、RegExp、String。
本章介绍Date对象。
二、实现过程
代码如下(示例):
//window.onload()方法用于<body>,在网页加载完成时执行脚本代码
window.onload = function(){
var obody = document.body;
//设置定时器,自动刷新时间
setInterval(fn,1000);//1000ms
fn();
//设置一个函数,使其被定时器调用
function fn(){
//日期函数
var time = new Date();
//获取年月日
var year = time.getFullYear();
var month = time.getMonth()+1;//月份为0-11
var date = time.getDate();
//获取天、小时、分钟、秒
var day = time.getDay();
var hour = time.getHours();
var min = time.getMinutes();
var s = time.getSeconds();
//将day的结果转换为字符串(数据类型转换)
var str;
if (day === 1) {day = '一'};
if (day === 2) {day = '二'};
if (day === 3) {day = '三'};
if (day === 4) {day = '四'};
if (day === 5) {day = '五'};
if (day === 6) {day = '六'};
if (day === 0) {day = '日'};
//设置时、分、秒显示格式为两位数
function zero(n) {
return n < 10 ? '0' + n : n;
}
str = year + '年' + month + '月' + date + '日' + zero(hour) + ':' + zero(min) + ':' + zero(s) + '星期' + day; //字符串拼接,显示时间
//将结果显示在html页面
obody.innerHTML = str;
};
};
总结
以上就是date对象简单应用的一个实例。如有不足之处,欢迎大家指正。