jquery 动态显示时间

最新推荐文章于 2020-04-29 22:14:57 发布

冰玉翔龙

最新推荐文章于 2020-04-29 22:14:57 发布

阅读量214

点赞数

分类专栏： JQuery 文章标签： jquery 动态显示时间 ViewUI

本文链接：https://blog.csdn.net/sjy_2010/article/details/84210360

版权

JQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

代码效果如下（可自行调整）

[color=red]周五, 四月 27, 2012 10:15:59[/color]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jquery 动态显示时间</title>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript">
	$(function() {
		setInterval("GetTime()", 1000);
	});

	function GetTime() {
		var mon, day, now, hour, min, ampm, time, str, tz, end, beg, sec;
		/*
		mon = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug",
				"Sep", "Oct", "Nov", "Dec");
		*/
		mon = new Array("一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月",
				"九月", "十月", "十一月", "十二月");
		/*
		day = new Array("Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat");
		*/
		day = new Array("周日", "周一", "周二", "周三", "周四", "周五", "周六");
		now = new Date();
		hour = now.getHours();
		min = now.getMinutes();
		sec = now.getSeconds();
		if (hour < 10) {
			hour = "0" + hour;
		}
		if (min < 10) {
			min = "0" + min;
		}
		if (sec < 10) {
			sec = "0" + sec;
		}
		$("#Timer").html(
				"<nobr>" + day[now.getDay()] + ", " + mon[now.getMonth()] + " "
						+ now.getDate() + ", " + now.getFullYear() + " " + hour
						+ ":" + min + ":" + sec + "</nobr>");

	}
</script>
</head>
<body>
	<div style="background: pink; width: 200px;" id="Timer">
</body>
</html>

引自：[url]http://www.csharpwin.com/dotnetspace/12582r6372.shtml[/url]

冰玉翔龙

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery 动态显示时间

代码效果如下（可自行调整）[color=red]周五, 四月 27, 2012 10:15:59[/color][code="html"]jquery 动态显示时间 $(function() { setInterval("GetTime()", 1000); }); function GetTime() { var mon, da...
复制链接

扫一扫

专栏目录