有一个每秒走一次的效果,直接贴代码:
<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>jQuery实现北京时间</title>
<script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="./js/functions.js"></script>
<script type="text/javascript">
$(function () {
setInterval(function(){
$("span").html(date("Y-m-d H:i:s"));
},1000);
});
</script>
</head>
<body>
<h2>北京时间:<span><!--这里可以用PHP等语言生成当前时间要不然JS文件未加载之前会出现空白--></span></h2>
</body>
</html>
主要的功能是functions.js文件里面实现了date方法,方法代码如下:
/**
* 和PHP一样的时间戳格式化函数
* @param {string} format 格式
* @param {int} timestamp 要格式化的时间 默认为当前时间
* @return {string} 格式化的时间字符串
*/
function date(format, timestamp){
var a, jsdate=((timestamp) ? new Date(timestamp*1000) : new Date());
var pad = function(n, c){