当前位置： 代码迷 >> Web前端 >> 实时展示当前系统时间and 全选/全不选checkbox
  详细解决方案

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

热度：224   发布时间：2012-11-23 22:54:33.0
实时显示当前系统时间and 全选/全不选checkbox

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

?? （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>
  相关解决方案

代码迷 - 您身边的软件异常，代码异常，编程异常助手（发现，解决，分享）
Copyright © 2009-2013 DAIMAMI.COM. All rights reserved.