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>  
  • 相关阅读:
    U10783 名字被和谐了
    P1151 子数整数
    P2756 飞行员配对方案问题
    P3227 [HNOI2013]切糕
    BZOJ 2127: happiness(最小割解决集合划分)
    linux脚本初体验
    130902 周赛
    Citrix 服务器虚拟化之三十二 XenConvert
    数据字典统一管理,动态下拉框
    [置顶] oracle 数据库表中转换成java代码
  • 原文地址:https://www.cnblogs.com/Mvloveyouforever/p/11322030.html
Copyright © 2011-2022 走看看