用jQuery写的好的动态显示本机时间的代码

原创于 2011-12-19 15:29:51 发布 · 258 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #xhtml #ViewUI

本文提供了一个使用JavaScript和jQuery实现的网页定时器代码示例，该定时器每秒更新页面上的当前时间。虽然代码简单易懂，但在不同浏览器上可能会遇到显示格式的兼容性问题。

别的不说了，直接送上代码

<!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>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript">
	$(function(){
		//setInterval("$('#currentTime').text(new Date().toLocalsString());",1000);
		setInterval(function(){
			$("#currentTime").text(new Date().toLocaleString());
		},1000);
	});
</script>
</head>

<body>
<div id="currentTime"></div>
</body>
</html>

但是这个有一个浏览器兼容的问题，在火狐里面展示的和在谷歌展示的不一样，现在就在这两个浏览器上测试了，显示本机时间没问题，放心用吧