欢迎光临《小雷的网站》
加入收藏 | 设为首页 | 联系我们
小雷的网站
游客,您好!
请使用QQ先登陆
  • 最新公告:如果有什么问题,请大家联系客服处理.客服在线时间:12:00-23:59 其它时间段请留言.
  • 博文详细内容

    js实时获取并显示当前时间的方法
    资讯栏目:技术文摘 | 发布者:小雷 | 关注度:2357次 | 发布时间:2019-07-18 00:00:00

    第一种和第二种差不多的,第三种虽然稍麻烦了一点,但是代码比较少。可以根据自己的喜欢选择合适的方式。

    第一种:Javascript 和 html 结合

    JS部份:

    < script type = "text/javascript" > window.onload = function() {
        var show = document.getElementById("show");
        setInterval(function() {
            var time = new Date(); // 程序计时的月从0开始取值后+1   
            var m = time.getMonth() + 1;
            var t = time.getFullYear() + "-" + m + "-" + time.getDate() + " " + time.getHours() + ":" + time.getMinutes() + ":" + time.getSeconds();
            show.innerHTML = t;
        },
        1000);
    }; < /script>

    HTML部份:

    <div id="show"></div>

    第二种:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="gb2312">
    <title></title>
    <script type="text/javascript"> 
    window.οnlοad=function(){  
    setInterval(function(){   
    var date=new Date();   
    var year=date.getFullYear(); //获取当前年份   
    var mon=date.getMonth()+1; //获取当前月份   
    var da=date.getDate(); //获取当前日   
    var day=date.getDay(); //获取当前星期几   
    var h=date.getHours(); //获取小时   
    var m=date.getMinutes(); //获取分钟   
    var s=date.getSeconds(); //获取秒   
    var d=document.getElementById('Date');    
    d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;  },1000)  }
    </script>
    </head>
    <body>
    <div id="Date"> </div>
    </body>
    </html>

    第三种:Jquery和PHP相结合

    建立一个PHP文件,取名比如叫:time.php,内容如下:

    <?php
    echo date('Y-m-d H:i:s',time());//输出时间,格式如:2019-07-18 17:37:25
    ?>

    Jquery部份

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="gb2312">
    <title>自动更新当前时间</title>
    <script src="Jquery库文件地址"></script>
    </head>
    <body>
    <div id="Date"> </div>
    <script type="text/javascript"> 
      setInterval(function(){myTime()},1000);   
      function myTime(){
          //通过get方式获取time.php文件输出的内容,并把内容传递给ID为date的div容器
          $.get("time.php",function(data){
              $("#Date").text(data);
          })
      }  
    </script>
    </body>
    </html>


    转载请注:小雷的网站 http://www.leihx.com/news/59_1.html
    评论

    您还没有登陆,请登陆后再评论吧!
    本站只支持QQ登陆,请不要发布不当的以及违反国家法律的言论!
    ★传说★ 2020-03-29 20:23:57

    师傅+6666666666666666666666666666


    版权信息:@2018-2025 www.leihx.com 网站访问量:5352597人次 互联网ICP备案:黔ICP备15016820号-4
    联系地址:贵州省铜仁市碧江区川硐教育园区 合作咨询:400-180-5676 (周一至周五 9:00-18:00)