zoukankan      html  css  js  c++  java
  • html+js 在页面同步服务器时间

    将以下的代码  放置html页面中!

    生气生气生气生气

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title></title>
    </head>
    <div id="showtimes"></div>
    <script type="text/javascript" language="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>
    <body>
    </body>
    </html>
    

    ,, 将上面的代码复制完以后 大家来看看浏览器中的效果吧!




  • 相关阅读:
    TCP_UCP通信原理及案例
    JavaScript高级笔记DOM与BOM
    JavaScript基本语法,基本对象,正则表达式
    JDBC连接池&JDBCTemplate&Sping JDBC
    JDBC,JDBCUtils,JDBC控制事务
    自动化工具ansible(0——准备部署工作)
    监控软件篇——prometheus+exporter组件+grafana
    命令工具篇
    sed 命令备忘
    ES6数据分组
  • 原文地址:https://www.cnblogs.com/hehe520/p/6147542.html
Copyright © 2011-2022 走看看