【JavaScript】一个同步于本地时间的动态时钟并且自定义时间格式

最新推荐文章于 2023-03-23 17:41:02 发布

yongh701

最新推荐文章于 2023-03-23 17:41:02 发布

阅读量1.6k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 时间时钟动态 setInterval

本文链接：https://blog.csdn.net/yongh701/article/details/42040773

版权

JavaScript 专栏收录该内容

58 篇文章 1 订阅

订阅专栏

本文是对《【JavaScript】一个同步于本地时间的动态时间》一文（点击打开链接）的改进

JavaScript里面的Date类型除了可以直接toLocaleString()，转化成一个以系统格式的时间之外

还可以时间自定义格式，比如可以构造于一个仿QQ聊天框的同步于本地时间的动态时钟

具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>自定义时钟</title>
</head>

<body>
<div style='text-align:center'><font id='clock' size='2' color='#666666'></font></div>
</body>
</html>
<script>
setInterval("clock()",1000);
function clock(){
	var nowTime=new Date();
	var nowYear=nowTime.getFullYear().toString();
	var nowMonth=nowTime.getMonth().toString();
	if(nowMonth<10){
		nowMonth="0"+nowMonth;
	}
	var nowDate=nowTime.getDate().toString();
	if(nowDate<10){
		nowDate="0"+nowDate;
	}
	var nowHours=nowTime.getHours().toString();
	var nowMinutes=nowTime.getMinutes().toString();
	if(nowMinutes<10){
		nowMinutes="0"+nowMinutes;
	}
	var nowSecond=nowTime.getSeconds().toString();
	if(nowSecond<10){
		nowSecond="0"+nowSecond;
	}
	document.getElementById("clock").innerHTML=nowYear+"/"+nowMonth+"/"+nowDate+" "+nowHours+":"+nowMinutes+":"+nowSecond;
}
</script>

思想与《【JavaScript】一个同步于本地时间的动态时间》一文（点击打开链接）完全相同，关键是setInterval函数，同时，之所以要加上各类少于10的条件结构，是因为，如果不加的话，比如19:01:01会变成19:1:1不符合我们的习惯。

yongh701

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
【JavaScript】一个同步于本地时间的动态时钟并且自定义时间格式

本文是对《【JavaScript】一个同步于本地时间的动态时间》一文（点击打开链接）的改进JavaScript里面的Date类型除了可以直接toLocaleString()，转化成一个以系统格式的时间之外还可以时间自定义格式，比如可以构造于一个仿QQ聊天框的同步于本地时间的动态时钟具体代码如下：自定义时钟setInterval("clock()",1
复制链接

扫一扫