JS如何动态显示时间

JS如何动态显示时间,第1张

JS显示动态的日期时间,参考如下:

<body>  

<span id="localtime">2013-10-30 12:33:02  星期三</span>  

<script type="text/javascript">  

function showLocale(objD)  

{  

    var str,colorhead,colorfoot;  

    var yy = objDgetYear();  

    if(yy<1900) yy = yy+1900;  

    var MM = objDgetMonth()+1;  

    if(MM<10) MM = '0' + MM;  

    var dd = objDgetDate();  

    if(dd<10) dd = '0' + dd;  

    var hh = objDgetHours();  

    if(hh<10) hh = '0' + hh;  

    var mm = objDgetMinutes();  

    if(mm<10) mm = '0' + mm;  

    var ss = objDgetSeconds();  

    if(ss<10) ss = '0' + ss;  

    var ww = objDgetDay();  

    if  ( ww==0 )  colorhead="<font color=\"red\">";  

    if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"red\">";  

    if  ( ww==6 )  colorhead="<font color=\"red\">";  

    if  (ww==0)  ww="星期日";  

    if  (ww==1)  ww="星期一";  

    if  (ww==2)  ww="星期二";  

    if  (ww==3)  ww="星期三";  

    if  (ww==4)  ww="星期四";  

    if  (ww==5)  ww="星期五";  

    if  (ww==6)  ww="星期六";  

    colorfoot="</font>"  

    str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;  

    return(str);  

};  

function tick()  

{  

    var today;  

    today = new Date();  

    documentgetElementById("localtime")innerHTML = showLocale(today);  

    windowsetTimeout("tick()", 1000);  

};  

tick();  

</script>  

  

</body>

写一个方法:

1接收传递进来的时间参数

2用time函数得到当前系统时间,和传递进来的参数对比

3执行对比判断后的相应的功能:关闭或者什么也不做

在页面load时设定多长时间执行一次这个方法

setInterval('方法名',1000);

extjs前台(form里的日期框):

{

xtype : 'timefield',

name : 'bidTimeD',

format: 'H:i',

fieldLabel : '时间',

}

后台:

SimpleDateFormat sdf = new SimpleDateFormat("hh:mm");

thissetFieldValue("bidTimeD", sdfformat(new Date()));

这是我以前的代码,格式你自己改。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Strict//EN" ">

以上就是关于JS如何动态显示时间全部的内容,包括:JS如何动态显示时间、JS循环获取当前系统时间、怎么样动态获取后台的系统时间,然后设置到前台,最好是ext的,js的也行!谢谢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9461439.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存