[网页示例]显示时间并定时更新

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="600"> <!-- 每600秒钟刷新当前页面: -->
    <title>Title</title>
</head>
<body>
   <div id="time"></div>

   <div id="T1"></div>

   <div id="T2"></div>

   <script>
      window.onload = function(){
         //定时器每秒调用一次fnDate()
         setInterval(function() {
            fnDate();
          },1000 );
      }

      //js 获取当前时间
      function fnDate(){
         var oDiv=document.getElementById("time");
         var date=new Date();
         var year=date.getFullYear();//当前年份
         var month=date.getMonth();//当前月份
         var data=date.getDate();//天
         var hours=date.getHours();//小时
         var minute=date.getMinutes();//分
         var second=date.getSeconds();//秒
         var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
         var date1=new Date(date.setDate(date.getDate() + 1)); // 向后加的时间
         var month1=date1.getMonth();//当前月份
         var data1=date1.getDate();//天
         oDiv.innerHTML=time;
         document.getElementById("T1").innerHTML =  fnW((month+1)) + "/" + fnW(data)+ "日班->夜班交接事項";
         document.getElementById("T2").innerHTML =  fnW((month+1)) + "/" + fnW(data)+ "夜班->" + fnW((month1+1)) + "/" + fnW(data1) + "日班交接事項" ;

        }
      //补位 当某个字段不是两位数时补0
      function fnW(str){
         var num;
         str>=10?num=str:num="0"+str;
         return num;
        }

   </script>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值