论坛首页 入门技术论坛

实时显示当前系统时间and 全选/全不选checkbox

浏览 3281 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2008-11-29   最后修改:2010-01-19

在开发代码时候,网页中显示本机时间,不但可以给网页添色,还可以方便浏览者掌握当前时间,为了提高网站的开发速度,可以把主代码封装在一个单独的函数里面,在需要的时候直接调用 而我为了演示,直接写在了主页面,方便大家观看

   (1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数contentDate,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用 代码如下:

<script>
function clockon(contentDate)
{
    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("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
     week = arr_week[day];
    var time = "";
     time = year+"/"+month+"/"+date+"/"+week+""+hour+":"+minu+":"+sec;
    if(document.all)
    {
         contentDate.innerHTML="["+time+"]"
    }
    var timer = setTimeout("clockon(contentDate)",200);
           
}
</script>

 

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

<body onLoad="clockon(contentDate)">
<div id="contentDate" ></div>
</body>

论坛首页 入门技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics