zoukankan      html  css  js  c++  java
  • js 动态时间

    效果如图:

    1. 页面HTML body中间放一个: <span id="gettime"></span>   
    2. 复制下面JS到页面:  
    3. <script type="text/javascript">  
    4.     function ShowTime() {  
    5.         var str = "";  
    6.         var time = new Date();  
    7.         var temp = time.toLocaleString();  
    8.         var day = time.getDay();  
    9.         switch (day) {  
    10.             case 1:  
    11.                 str = "星期一";  
    12.                 break;  
    13.             case 2:  
    14.                 str = "星期二";  
    15.                 break;  
    16.             case 3:  
    17.                 str = "星期三";  
    18.                 break;  
    19.             case 4:  
    20.                 str = "星期四";  
    21.                 break;  
    22.             case 5:  
    23.                 str = "星期五";  
    24.                 break;  
    25.             case 6:  
    26.                 str = "星期六";  
    27.                 break;  
    28.             case 0:  
    29.                 str = "星期天";  
    30.                 break;  
    31.         }  
    32.   
    33.         document.getElementById("gettime").innerHTML = temp + "   " + str;  
    34.         setTimeout(ShowTime, 1000);  
    35.     }  
    36.     onload = ShowTime;  
    37. </script>  
  • 相关阅读:
    for else
    改变注释字体颜色
    多继承
    模块的查找顺序
    如何跳出多层嵌套
    验证码书写
    正则表达式(一)
    四、列表与超链接
    三、表格与表单
    二、HTML入门
  • 原文地址:https://www.cnblogs.com/Kung/p/js.html
Copyright © 2011-2022 走看看