zoukankan      html  css  js  c++  java
  • 笔记——页面显示动态时间

    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>
    

      

     

  • 相关阅读:
    CSS基础
    数据库优化之SQL Server
    压力测试与系统调优
    JBoss架构分析
    JBoss基本配置
    深入了解硬盘结构
    EJB2与EJB3架构对比
    JBoss高级配置
    病毒分类及病毒命名规则详解
    深入讲解防火墙的概念原理与实现
  • 原文地址:https://www.cnblogs.com/zst062102/p/5643960.html
Copyright © 2011-2022 走看看