显示时间代码
function GetLocalTim(id, times) {
var timer = null;
var date = null;
//这里要转换成10位时间戳 单位为(秒)的
if (times > 10) {
times = times / 1000;
}
timer = setInterval(function () {
var longTime = times * 1000;//这里要转成13位才能转成Date对象
date = new Date(longTime);
document.getElementById(id).innerHTML = date.Format('yyyy-MM-dd hh:mm:ss');
console.log(times + ',' + date.Format('yyyy-MM-dd hh:mm:ss'));
times++;
}, 1000);
if (times <= 0) { clearInterval(timer); }
}
获取服务器时间以及初始化使用
function GetServerTime() {
$.ajax({
type: 'POST',
dataType: 'json',
url: '/Rank/GetTime',
success: function (response) {
GetLocalTim('time', response.timestamp);
}
});
}
//调用
$(function () {
GetServerTime();
});
Html 代码
<p class="tips">当前系统时间为:<span id="time">00:00:00</span></p>
Date 扩展方法
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
// 例子:
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423
// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
效果图