zoukankan      html  css  js  c++  java
  • 动态显示当前时间

    js中利用定时器每隔1000毫秒显示一次(1000毫秒=1秒):

     1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     5 <title>输出当前日期</title>
     6 <style type="text/css">
     7 body{ font-size:30px;}
     8 </style>
     9 <script type="text/javascript">
    10 window.onload=function(){
    11     showTime();
    12     };
    13 function showTime(){
    14   var myDate=new Date();
    15   var Year=myDate.getFullYear();
    16   var Month=myDate.getMonth()+1;
    17   var Day=myDate.getDate();
    18   var d=myDate.getDay();
    19   var week=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
    20   var Wek=week[d];
    21   var Hour=myDate.getHours();
    22   var Minute=myDate.getMinutes();
    23   var Second=myDate.getSeconds();
    24   Day=checkTime(Day);
    25   Hour=checkTime(Hour);
    26   Minute=checkTime(Minute);
    27   Second=checkTime(Second);
    28   document.getElementById('text').innerHTML='今天是:'+Year+'年'+Month+'月'+Day+'日'+Wek+Hour+'时'+Minute+'分'+Second+'秒';
    29 setTimeout(showTime,500)
    30 }
    31 //当时分秒位数小于两位时,以02格式显示
    32   function checkTime(i){
    33       
    34     if(i<10)
    35     {
    36         i='0'+i;
    37     }
    38       return i;
    39       }
    40 
    41 </script>
    42 
    43 </head>
    44 
    45 <body>
    46 <div id="text"></div>
    47 </body>
    48 
    49 </html>
  • 相关阅读:
    C#中将结构类型数据存储到二进制文件中方法
    常用的20个在线工具类网站清单
    PyQt:开发小工具
    PyQt:使用QtDesigner设计界面
    经营策略
    Xmind 8 update 9 破解
    AI: 百度AI实战教学
    DRF:djangorestframework从入门到精通
    python:requests库发送参数+文件
    python:关于postman中生成的基于requests库的接口代码
  • 原文地址:https://www.cnblogs.com/cacti/p/4425210.html
Copyright © 2011-2022 走看看