网页模拟时钟

最新推荐文章于 2024-04-03 17:58:40 发布

zimingyo

最新推荐文章于 2024-04-03 17:58:40 发布

阅读量3.3k

点赞数

分类专栏： JavaScript+jQuery 文章标签： javascript

本文链接：https://blog.csdn.net/zimingyo/article/details/120358154

版权

JavaScript+jQuery 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <div id="w">
    <input type="button" id="d"  value="时间" οnclick="d()">
   </div>
   <!-- <p id="w"></p> -->
   
   <script>
      /* window:οnlοad=function(){ */
          /* var d=document.getElementById("d"); */
          
         /* d.onclick =function() */ 
        function d(){
            var run =function(){
              var time=document.getElementById("w");
             
              var date=new Date();
              var hour=date.getHours();
              var minute=date.getMinutes();
              var second=date.getSeconds();
              var year=date.getFullYear();
              var month=date.getMonth()+1;
              var day=date.getDate();
              if(hour<10){
                  hour='0'+hour;
              }

              if(minute<10){
                  minute='0'+minute;
              }

              if(second<10){
                  second='0'+second;
              }


              if(hour<6){
                  var g="凌晨好"
              }else if(hour<9){
                  var g="早上好";
              }else if(hour<12){
                  var g="上午好";
              }else if(hour<14){
                  var g="中午好";
              }else if(hour<17){
                  var g="下午好";
              }else if(hour<19){
                  var g="傍晚好";
              }else if(hour<22){
                  var g="晚上好";
              }else{
                  var g="夜里好";
              }


              
             time.innerText= year+'/'+month+'/'+day+' '+hour+':'+minute+':'+second+' '+g;
           
          }
          /* runs(); */
          setInterval(run,1000);
       } 



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

zimingyo

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页模拟时钟

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
复制链接

扫一扫