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>  
  • 相关阅读:
    LF.25.K Smallest In Unsorted Array
    LC.102. Binary Tree Level Order Traversal
    LF.236.Search Insert Position
    发生错误 1069 sqlserver
    manualresetevent的用法学习
    xml selectnodes
    Flask 路由 , 初始化 , 配置Config , 蓝图BluePrint , 装饰器
    Python垃圾回收机制
    Odoo 动作Action
    Odoo 权限简介
  • 原文地址:https://www.cnblogs.com/Mvloveyouforever/p/11322030.html
Copyright © 2011-2022 走看看