JavaScript实现时间显示功能

炎魔巴洛克

于 2019-10-25 20:44:22 发布

阅读量1k

点赞数 1

分类专栏： Java课程

本文链接：https://blog.youkuaiyun.com/Liuxiaoyang1999/article/details/102749462

版权

这篇博客介绍了如何使用JavaScript实现时间显示功能，通过创建time()函数，结合date对象获取时间值，并调整星期显示格式，确保数字小于十时以零占位，最终实现在页面上动态展示时间。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、基本思路

二、代码

第一步：创建时间函数，利用date对象获得相应时间值

第二步：完善，调整星期的显示格式，数字小于十时用零占位。

一、基本思路

创建time()函数，利用JavaScript中已有对象date对象的属性及方法获取时间，最后利用document对象实现页面上的时间显示。

二、代码

第一步：创建时间函数，利用date对象获得相应时间值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>timer</title>
	</head>
	<body onload="time()">
		<script>
			function time(){
				var date = new Date();
				
				var year = date.getFullYear();
				var month = date.getMonth()+1;//因为month属性从0开始所以加1				
				var day = date.getDate();				
				var wee

最低0.47元/天解锁文章