JS客户端同步服务端时间
2018-03-20 15:44:59
900 次阅读
0 个评论
服务端返回时间
/**
* 当前时间
* @param model
* @return
* @throws Exception
*/
@RequestMapping(value="/currentTime",method=RequestMethod.GET)
@ResponseBody//方式来做ajax,直接返回字符串
public String currentTime(ModelMap model
) throws Exception {
return String.valueOf(new Date().getTime());
}
html文件引入
jquery.min.js
jquery.jclock.js
客户端同步方法
<script type="text/javascript">
$(function($) {
var start = new Date().getTime(); // 开始时间
//获取服务器时间
$.ajax({
url:"currentTime",
async: false,
cache:false,
success: function(result) {
var end = new Date().getTime(); // 结束时间
//请求数据返回时长
var time = Math.floor((end - start)/2);
var serverDate = parseInt(result)+time;
var options = {
format: '%Y-%m-%d %H:%M:%S', // 24小时制
seedTime: serverDate
}
$('#jclock').jclock(options);
}
});
});
</script>
html文件
<span id="jclock"></span>
00