js内置对象-Date

Simon_ss@

已于 2022-05-25 10:38:18 修改

阅读量80

点赞数

分类专栏： js 文章标签： javascript 前端 html

于 2022-05-25 10:32:00 首次发布

本文链接：https://blog.csdn.net/weixin_49769559/article/details/124959015

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

文章目录

前言
一、什么是内置对象？
二、实现过程
总结

前言

使用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;
	};
};