原创

实时显示系统时间(JS)

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://david.blog.csdn.net/article/details/3938869

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>系统时间</title>

<script language="javascript" type="text/javascript">

<!--

//获得当前时间,刻度为一千分一秒

var initializationTime=(new Date()).getTime();

function showLeftTime()

{

var now=new Date();

var year=now.getYear();

var month=now.getMonth();

var day=now.getDate();

var hours=now.getHours();

var minutes=now.getMinutes();

var seconds=now.getSeconds();

document.all.show.innerHTML=""+year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+"";

//一秒刷新一次显示时间

var timeID=setTimeout(showLeftTime,1000);

}

//-->

</script>

</head>

<body οnlοad="showLeftTime()">

<label id="show">显示时间的位置</label><br>
</body>

</html>
----------------------------------------------------------------------
实时显示系统时间(JS) 
   国奥把我看的失望,技术不行都不说了,犯规的不停,我就郁闷的不行    体育精神何在?!  索性关了打代码   哎~~~~   小写一个JS实现的系统时间显示
   在网页中实时的显示时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用  而我为了演示,直接写在了主页面,方便大家观看
   (1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用  代码如下:
<script>
function clockon(bgclock)
{
    var now = new Date();
    var year = now.getYear();
    var month = now.getMonth();
    var date = now.getDate();
    var day = now.getDay();
    var hour = now.getHours();
    var minu = now.getMinutes();
    var sec = now.getSeconds();
    var week;
    month = month+1;
    if(month<10)month="0"+month;
    if(date<10)date="0"+date;
    if(hour<10)hour="0"+hour;
    if(minu<10)minu="0"+minu;
    if(sec<10)sec="0"+sec;
    var arr_week = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
    week = arr_week[day];
    var time = "";
    time = year+"年"+month+"月"+date+"日"+week+""+hour+";"+minu+";"+sec;
    if(document.all)
    {
        bgclock.innerHTML="["+time+"]"
    }
    var timer = setTimeout("clockon(bgclock)",200);
           
}
</script>
 

 

(2):在页面的<body> 的onload事件中 调用 以及在要显示的地方放置div标记  代码:

<body onLoad="clockon(bgclock)">
<div id="bgclock" class="word_Green"></div>

</body>

 

1348118583_4652.jpg
文章最后发布于: 2009-02-26 11:47:00
展开阅读全文
0 个人打赏
私信求帮助

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 鲸 设计师: meimeiellie

分享到微信朋友圈

×

扫一扫,手机浏览