精华内容
下载资源
问答
  • html页面实时显示系统时间

    万次阅读 多人点赞 2018-11-05 13:24:58
    html页面实时显示系统时间 桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=...

    在html页面实时显示系统时间

    桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可

    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>系统时间</title>
    </head>
    <body>
    <div id="datetime">
        <script>
            setInterval("document.getElementById('datetime').innerHTML=new Date().toLocaleString();", 1000);
        </script>
    </div>
    </body>

    代码解析:

    new Date()是取现在系统时间的实例,其格式为:
    	显示的结果是:Mar 31 10:10:43 UTC+0800 2018 这种格式的时间

    但是当这种对象参加计算后就会自动改变格式为:年月日 时分秒

    toLocaleString()便是将该对象在本地打印,自动转换了格式为:
    	2018/11/5 下午1:18:17 或 2018年11月5日 13:19:14 (取决于不同的浏览器)

    这个方法是循环方法,后面的1000是毫秒数,每单位毫秒数执行一次前面的xxx

    setInterval("xxx",1000);

    这句话的操作就是,每1000毫秒(即1秒),取当前时间打印更新在页面该标签里,实现系统时间实时显示

    =======================我是一条温柔的分割线=======================

     

    有网友提出格式化成"yyyy-MM-dd hh:mm:ss"的问题,我在这里更新一下:

    桌面新建记事本,将下列代码复制粘贴,重命名后缀为.html,保存,用浏览器打开即可

    <html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>系统时间</title>
    </head>
    
    <body>
        <script>
            Date.prototype.format = function (fmt) {
                var o = {
                    "y+": this.getFullYear, //年
                    "M+": this.getMonth() + 1, //月份
                    "d+": this.getDate(), //日
                    "h+": this.getHours(), //小时
                    "m+": this.getMinutes(), //分
                    "s+": this.getSeconds() //秒
                };
                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;
            }
            setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000);
        </script>
    
        <div id="dateTime"></div>
    </body>

    运行结果:

    展开全文
  • js在页面显示当前时间

    万次阅读 2018-03-31 10:30:46
    【JavaScript中Date对象的常用方法】【步骤】(1)先body中设置页面加载事件: &lt;body onload="load()"&gt; &lt;/body&gt;(2)定义showRealTime(clock)函数,用于得到当前时间:&...

    【JavaScript中Date对象的常用方法】

    【步骤】

    (1)先在body中设置页面加载事件:

    	<body οnlοad="load()">
    	</body>
    (2)定义showRealTime(clock)函数,用于得到当前时间:

    <script type="text/javascript">
    	function showRealTime(clock){
    		var d = new Date();
    		var year = d.getFullYear();
    		var month = d.getMonth() + 1;
    		var date = d.getDate();
    		var days = new Array("日","一","二","三","四","五","六");
    		var day = d.getDay();
    		var hour = (d.getHours() < 10) ? ("0" + d.getHours()) : d.getHours();
    		var min = (d.getMinutes() < 10) ? ("0" + d.getMinutes()) : d.getMinutes();
    		var sec = (d.getSeconds() < 10) ? ("0" + d.getSeconds()) : d.getSeconds();
    		var now = year + "年" + month + "月" + date + "日<br>星期" + days[day] + "<br>" + hour + ":" + min + ":" + sec;
    		clock.innerHTML = "现在的时间是:" + now;
    	}
    </script>

    (3)在load()函数中每隔一秒调用一次showRealTime(clock)函数显示实时时间:

    <script type="text/javascript">
    	function load(){
    		window.setInterval('showRealTime(clock)',1000);
    	}
    </script>

    【代码】完整的代码如下:

    <html>
    	<head>
    		<title>实时时间</title>
    	</head>
    	<script type="text/javascript">
    		function load(){
    			window.setInterval('showRealTime(clock)',1000);
    		}
    	</script>
    	<body οnlοad="load()">
    		<div id="clock"></div>
    		<script type="text/javascript">
    			function showRealTime(clock){
    				var d = new Date();
    				var year = d.getFullYear();
    				var month = d.getMonth() + 1;
    				var date = d.getDate();
    				var days = new Array("日","一","二","三","四","五","六");
    				var day = d.getDay();
    				var hour = (d.getHours() < 10) ? ("0" + d.getHours()) : d.getHours();
    				var min = (d.getMinutes() < 10) ? ("0" + d.getMinutes()) : d.getMinutes();
    				var sec = (d.getSeconds() < 10) ? ("0" + d.getSeconds()) : d.getSeconds();
    				var now = year + "年" + month + "月" + date + "日<br>星期" + days[day] + "<br>" + hour + ":" + min + ":" + sec;
    				clock.innerHTML = "现在的时间是:" + now;
    			}
    		</script>
    	</body>
    </html>


    展开全文
  • 利用 Timer 控件在页面显示实时时间
    <asp:ScriptManager ID="ScriptManager_Time" runat="server" />
    <asp:UpdatePanel ID="UpdatePanel_Time" runat="server"> 
        <ContentTemplate> 
            <asp:Timer ID="SystemTime" runat="server" Interval="1000" OnTick="SystemTime_Tick"></asp:Timer> 
            <asp:Label ID="LabelTime" runat="server" Text="" ForeColor="#037A74" Font-Bold="true"></asp:Label>
        </ContentTemplate> 
    </asp:UpdatePanel> 
    
    
    protected void Page_Load(object sender, EventArgs e)
    {
        LabelTime.Text = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
    }
    
    protected void SystemTime_Tick(object sender, EventArgs e)
    {
        LabelTime.Text = DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss");
    }
    

    展开全文
  • 页面显示时间为object Object

    千次阅读 2017-06-30 11:45:52
    页面显示时间为object Object 是 时间Date 类型变成了String 类型 只要SimpleDateFormat就可以了 代码 vo处增加clewreciveTimeStr属性,并增加get方法以便页面获取 public String getClewreciveTimeStr() ...

    页面显示时间为object Object 是 时间Date 类型变成了String 类型


    只要SimpleDateFormat就可以了

    代码

    vo处增加clewreciveTimeStr属性,并增加get方法以便在页面获取

    public String getClewreciveTimeStr() {
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy-MM-dd");
    this.clewreciveTimeStr = sdf.format(this.clewreciveTime);
    return clewreciveTimeStr;
    }



    页面显示

    </th>
    <th field="clewreciveTimeStr" align="center" width="12%">
    移交时间
    </th>


    结果


    展开全文
  • 在页面上动态显示当前时间

    千次阅读 2019-04-18 14:17:51
    <html> <head> <title>网页中动态的显示系统日期时间</title> <script language="JavaScript"> function startTime() { var to...
  • JSP页面显示动态时间

    万次阅读 2014-11-19 17:57:35
    1.显示静态时间
  • 在页面的某个地方显示当前时间(初始化时间格式)
  • js实现html实时显示时间,一个按钮控制时间暂停和开始.代码如下: &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt...
  • 我通过js向后台发送请求,查询数据库中的字段。其中有一个字段是date时间类型的, 查询结果jsp页面显示的不是时间而是Object。 ![图片说明](https://img-ask.csdn.net/upload/201509/24/1443075048_555.png)
  • ...Ajax动态显示时间 当前时间: var xmlHttp; function createXMLHttpRequest(){  if(window.ActiveXObject){  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");  }
  • jsp页面转换时间显示格式

    千次阅读 2016-11-28 11:15:50
    value:传入参数值;pattern:时间显示格式 页面记得引用标签库
  • ExtJS直接在页面显示日期和时间控件

    万次阅读 2009-04-18 12:04:00
    看了extjs官方的日期和时间空间都是放在formpanel中,感觉这样移植性比较差,下面的代码是如何直接在页面显示日期和时间的:Ext.onReady(function(){ var dt=new Ext.form.DateField({ fieldLabel:日期, emptyText:...
  • jsp页面显示当前时间

    千次阅读 2017-08-18 11:37:38
    function realSysTime(clock){ var now=new Date(); //创建Date对象 var year=now.getFullYear(); //获取年份 var month=now.getMonth();...显示的地方加上<div id="lock"></div>
  • JSP页面显示当前日期或时间

    千次阅读 2015-02-03 21:13:31
    java.text.SimpleDateFormat formatter = new java.text.SimpleDateFormat("yyyy年MM月dd日");   java.util.Date currentTime = new java.util.Date();//得到当前系统时间   String str_date1
  • ↑这个是页面显示时间 相差了八个小时网上找到的解决方案→数据库中查出时间数据比实际时间晚八个小时解决方法将application.yml里数据库的url加上&useJDBCCompliantTimezoneShift=true即可 原url url: ...
  • js获取当前时间显示在页面

    千次阅读 2018-07-13 12:03:39
    &lt;div id="time"&gt; &lt;/div&gt; &lt;script&gt; window.onload=function(){ //定时器每秒调用一次...//js 获取当前时间 function fnDate(){ var oDiv=document.getElem...
  • 将数据库里的时间提取出来jsp页面上只显示日期不显示时分秒 数据库中的是yyyy-mm-dd HH-MM-SS 提取出来后jsp中展示的是yyyy-mm-dd
  • Java获取服务器时间,动态显示到jsp页面,大家都是到Java只能获取一次,到页面时间是静态的,不过通过js和Java的合作,巧妙地实现此功能。
  • JS在页面显示当前日期和时间

    千次阅读 2008-12-25 13:54:00
    JS在页面显示当前日期和时间关键字: js显示日期和时间 1、JS语句: Js代码 setInterval("jnkc.innerHTML=new Date().toLocaleString()+ 星期+日一二三四五六.charAt(new Date().getDay());",1200); setInterval...
  • mysql 数据库时间类型 datetime 转换格式 数据库时间字段datetime可以使用date_...页面显示我是用 Jquery 的 tmpl 插件,所以页面上遍历后再转换封装显示比较复杂而且效率不好,java代码后台遍历 然后...
  • jsp页面动态显示当前的日期时间

    万次阅读 热门讨论 2015-10-04 17:33:24
    jsp页面动态显示当前的日期时间
  • javascript页面动态显示时间变化

    千次阅读 2013-12-18 09:00:11
    function getDateDemo(){ /* //声明时间 var date = new Date(); alert(date);//当前时间 alert(date.toLocaleString());//转化为本地时间 ...//显示年份 alert(date.getMonth()
  • 如何JSP页面显示当前时间

    千次阅读 2008-06-25 10:04:00
    显示当前时间 --%> %> 当前时间是: 
  • JSP 页面动态的显示当前系统时间

    千次阅读 2014-11-18 15:27:58
    JSP 页面动态显示当前系统时间,我z
  • js代码 &lt;script&gt; window.onload=function(){ //定时器每秒调用一次fnDate() ...//js 获取当前时间 function fnDate(){ var oDiv=document.getElementById("time"); var date...
  • Jsp页面动态显示当前时间

    千次阅读 2016-07-20 11:08:43
    当前时间: function(){ document.getElementById("time").innerHTML = new Date().toLocaleString(); window.setInterval("getTime();",1000); //每隔1s取一次函数值 } window.onload = getTime();
  • Cloudera:Hue监控页面时间显示问题

    千次阅读 2016-06-22 15:31:19
    背景: ... Hue中job监控页面时间显示错误 —— 时区不对 解决方法:  CM 中, 群集 -> Hue 服务 --> 配置  选择Hue(服务范围) -> 修改时区属性配置 - time_zone , 默认为 Americ
  • jquery实现页面显示实时时间

    千次阅读 2013-10-10 18:52:49
    $('这里选择显示的地方').html('现在是:'+h+':'+m+':'+s+' '+y+'年'+M+'月'+d+"日 "+week[w]);//可改变格式 t = setTimeout(startTime, 500); function checkTime(i) { if (i ) { i = "0" + i; } return i...
  • 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 执行时,是载入后延迟指定时间后,去执行一次表达式,仅执行一次 setTimeout 执行时,它从载入后,每隔指定的时间就执行一次表达式 详细出处参考:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 786,261
精华内容 314,504
关键字:

怎样在页面显示时间