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>  

     

  • 相关阅读:
    【学习笔记】斯特林数(未完成)
    【题解/学习笔记】点分树
    【题解】[国家集训队] Crash 的文明世界
    【题解】SP34096 DIVCNTK
    【题解】Loj6053 简单的函数
    【题解】[ZJOI2012]网络
    【题解】bzoj3252 攻略
    【题解】[POI2014]HOT-Hotels 加强版
    IDEA文件夹变红,轻松删除SVN版本控制关联
    配置dataguard broker并主从切换
  • 原文地址:https://www.cnblogs.com/qhorse/p/5193026.html
Copyright © 2011-2022 走看看