JS小模块----定时器制作的时钟特效

最新推荐文章于 2024-07-15 16:14:38 发布

静风啊

最新推荐文章于 2024-07-15 16:14:38 发布

阅读量1.5k

点赞数

分类专栏： JS实用小模块实例

本文链接：https://blog.csdn.net/u014715974/article/details/50843581

版权

JS实用小模块实例专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#clock{
			line-height: 80px;
			margin:0px auto; 
			width: 500px;
			height: 80px;
			font-size: 20px;
			color: white;
			background-color: black;
			text-align: center;
		}
	</style>
</head>
<body>
	<div id="clock"></div>
</body>
<script>
	setInterval("ss()",1000);
	function ss(){
		var clock=document.getElementById("clock");
		var dd=new Date();
		clock.innerHTML=dd.toLocaleString();
	}
	//toLocaleDateString() 日期
	//toLocaleTimeString()  时间
	//toLocaleString()   日期加时间
</script>
</html>

静风啊

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS小模块----定时器制作的时钟特效

Document #clock{ line-height: 80px; margin:0px auto; width: 500px; height: 80px; font-size: 20px; color: white; background-color: black; text-align: center; } s
复制链接

扫一扫

专栏目录