【原生JS】原生JS 动态获取本地时间

最新推荐文章于 2022-11-01 15:44:15 发布

xuehuayu.cn

最新推荐文章于 2022-11-01 15:44:15 发布

阅读量217

点赞数 1

分类专栏： js 文章标签： JS JS时间

本文链接：https://blog.csdn.net/u010762099/article/details/88977400

版权

js 专栏收录该内容

31 篇文章 2 订阅

订阅专栏

我的个人博客 https://www.xuehuayu.cn

<!DOCTYPE html>
<html lang="en">

	<head>
	    <meta charset="UTF-8">
	
	    <title>Document</title>
	    <style>
	        #box {
	            font-size: 50px;
	            color: red;
	        }
	    </style>
	</head>
	
	<body>
	    <div id="box"></div>
	    <script>
	        function getToday() {
	            var week = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
	            var box = document.getElementById("box");
	            var today = new Date();
	
	            var yy = today.getFullYear(); //年
	
	            var mm = todouble(today.getMonth() + 1); //月，从0开始，0代表1月份
	
	            var dd = todouble(today.getDate());//日
	
	            var hh = todouble(today.getHours());//时
	
	            var MM = todouble(today.getMinutes());//分
	
	            var ss = todouble(today.getSeconds());//秒
	
	            var ee = today.getDay();//星期。从0开始，0代表周日
	
	            var dddd = yy + "年" + mm + "月" + dd + "日" + "&nbsp;&nbsp;" + hh + ":" + MM + ":" + ss + "&nbsp;&nbsp;" + week[ee];
	
	            box.innerHTML = dddd;
	        }
	        
	        getToday();
	        var timer = setInterval(getToday, 1000);
	
	        function todouble(n) {
	            return n < 10 ? "0" + n : "" + n;
	        }
	
	    </script>
	</body>

</html>

在这里插入图片描述

xuehuayu.cn

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
【原生JS】原生JS 动态获取本地时间

<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box { font-size: 50px...
复制链接

扫一扫

专栏目录