JS客户端同步服务端时间

2018-03-20 15:44:59
728次阅读
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

登录 后评论。没有帐号? 注册 一个。