实时显示系统时间JS

编程之家收集整理的这篇文章主要介绍了实时显示系统时间JS编程之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

<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>

 

原文地址:https://david.blog.csdn.net

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Mip是什么意思以及作用有哪些
怎么测试Mip页面运行情况
MIP安装的具体步骤有哪些
MIP的规则有哪些
Mip轮播图组件中的重要属性讲解
Mip的内联框架组件是什么
HTML实现多选框及无法提交多数据的原因分析(附视频)
HTML如何设置复选框、单选框以及默认选项?(图文+视频)