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>  

     

  • 相关阅读:
    【学习】CodeUi
    【C#】权限修饰符
    链表_初步认识
    关于mysql8.0及以上版本连接navicat时候报错(密码加密方式需要修改)
    docker 运行mysql最新版本用navicat连接报错:1251
    spring5的基本组成(6个模块)
    关于java中设计原则总结(7)
    java中String中的endsWith()方法
    mysql中基本的语句
    mysql中索引类型
  • 原文地址:https://www.cnblogs.com/qhorse/p/5193026.html
Copyright © 2011-2022 走看看