笔记——页面显示动态时间

1.前端页面显示

<div id="zst_footer_right">
</div>

  

2.方法一:使用ajax调用

  首先,写一个jq事件调用

<!--方法一-->
$(document).ready(function(e) {	

	window.setInterval("ShiZhong()",1000);//系统每隔1秒钟调用一次方法
})
function ShiZhong()
{
	$.ajax({
		url:"__MODULE__/Moban/ShiZhong",
		dataType:"TEXT",
		success: function(data)
		{
			$("#zst_footer_right").html(data);
		}
		
		});
}

  ajax中URL调用的shizhong方法

	//动态时间
	function ShiZhong()
	{
		$shizhong=date("Y年m月d日,H:i:s");
		$this->ajaxReturn($shizhong,"eval");  //默认以json格式输出
	}

  

3.方法二:直接使用js来写

<script type="text/javascript">
<!--方法二-->
function showshijian()
{
	var d=new Date();
	var s=d.getFullYear()+"年";
	    s+=d.getMonth()+1+"月";
		s+=d.getDate()+"日,";
	    s+=d.getHours()+":";
	    s+=d.getMinutes()+":";
		s+=d.getSeconds();
	document.getElementById("zst_footer_right").innerHTML=s;
	
}
window.setInterval("showshijian()",1000);
</script>

  

 

 

posted @ 2016-07-05 15:56  坏小子1993  阅读(250)  评论(0编辑  收藏  举报