zoukankan      html  css  js  c++  java
  • 兼容所有浏览器的JS动态显示当前日期时间

    
    
    <script type="text/javascript">
      function show_cur_times(){
        //获取当前日期
        var date_time = new Date();
        //定义星期
        var week;
        //switch判断
        switch (date_time.getDay()){
          case 1: week="星期一"; break;
          case 2: week="星期二"; break;
          case 3: week="星期三"; break;
          case 4: week="星期四"; break;
          case 5: week="星期五"; break;
          case 6: week="星期六"; break;
          default:week="星期天"; break;
        }
    
        //年
        var year = date_time.getFullYear();
        //判断小于10,前面补0
        if(year<10){
          year="0"+year;
        }
    
        //月
        var month = date_time.getMonth()+1;
        //判断小于10,前面补0
        if(month<10){
          month="0"+month;
        }
    
        //日
        var day = date_time.getDate();
        //判断小于10,前面补0
        if(day<10){
          day="0"+day;
        }
    
        //时
        var hours =date_time.getHours();
        //判断小于10,前面补0
        if(hours<10){
          hours="0"+hours;
        }
    
        //分
        var minutes =date_time.getMinutes();
        //判断小于10,前面补0
        if(minutes<10){
          minutes="0"+minutes;
        }
    
        //秒
        var seconds=date_time.getSeconds();
        //判断小于10,前面补0
        if(seconds<10){
          seconds="0"+seconds;
        }
    
        //拼接年月日时分秒
        var date_str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds+" "+week;
    
        //显示在id为showtimes的容器里
        document.getElementById("showtimes").innerHTML= date_str;
      }
    
      //设置1秒调用一次show_cur_times函数
      setInterval("show_cur_times()",100);
    
    </script>
    
     
    为解决访问该页面出现 "一闪",才出现时间,应当在现在容器(id为showtimes的层)里先调用一次show_cur_times函数; 

    <div id="showtimes">
    
      <script language="javascript">show_cur_times();</script>
    
    </div>  

     

  • 相关阅读:
    aws s3文件上传设置accesskey、secretkey、sessiontoken
    HTTP的Referrer和Referrer Policy设置
    小技巧-mac修改finder菜单栏
    使用katalon自带Spy功能获取/验证控件Selector、XPath
    java的8种基础类型
    Mac-搭建Hadoop集群
    新公司入职56天后的面谈小结
    Java对字符串加密并返回星号※
    为什么要写设计文档
    在Linux上部署Web项目
  • 原文地址:https://www.cnblogs.com/qhorse/p/5193026.html
Copyright © 2011-2022 走看看