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

于 2008-11-29 13:30:31 发布
阅读量113 收藏
点赞数
分类专栏： JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liliugen/article/details/83320122
版权

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

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

liliugen
关注
专栏目录
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值