zoukankan      html  css  js  c++  java
  • js页面实时显示时间

    1.通过getMonth()实现获取月份,从0开始计数,需要+1;

    2.通过getDay()实现获取星期天数,从0开始,0表示星期日;

    3.通过getDate()获取日期。

    4.setTimeout(time1,1000);   1秒

    5.在div中显示<div id="inn"></div>,使用.innerHTML实现赋值;

      在使用<input id="inn" type="text" />,使用.value实现赋值;

     1 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
     2 <%
     3 String path = request.getContextPath();
     4 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
     5 %>
     6 
     7 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
     8 <html>
     9   <head>
    10     <base href="<%=basePath%>">
    11     
    12     <title>My JSP 'MyJsp.jsp' starting page</title>
    13     <script type="text/javascript"></script>
    14  
    15     <style>
    16     #inn{
    17     border:1px solid #abcdef;
    18     height:100px;
    19     500px;
    20     }
    21     </style>
    22   </head>
    23   <body>
    24     <div id="inn"></div>
    25     <script language="JavaScript">
    26     function time1(){
    27         var inn=document.getElementById('inn');
    28 
    29         var date = new Date();
    30   
    31         var month = date.getMonth()+1;
    32         var year=date.getFullYear();
    33         var day=date.getDate();
    34         var week = date.getDay();
    35         var hour = date.getHours();
    36         var min = date.getMinutes();
    37         var sec = date.getSeconds();
    38         var week1;
    39         switch(week)
    40         {
    41             case 0: week1='星期日'; break;
    42             case 1: week1='星期一'; break;
    43             case 2: week1='星期二'; break;
    44             case 3: week1='星期三'; break;
    45             case 4: week1='星期四'; break;
    46             case 5: week1='星期五'; break;
    47             case 6: week1='星期六'; break;
    48         }
    49         inn.innerHTML=year+'年'+month+'月'+day+'日'+week1+'   时间为:'+hour+':'+min+':'+sec;
    50         var innn=inn.innerHTML;
    51         setTimeout(time1,1000);
    52     }
    53     time1();
    54     </script> 
    55 </body> 
    56 </html>
  • 相关阅读:
    使用element-ui table expand展开行实现手风琴效果
    使用js生成二维码和条形码
    js时间戳转换时间、距当前时间
    使用js在浏览器中禁止右键、审查元素、复制功能
    VS Code编辑器插件整理及配置设定
    在vue项目中使用canvas-nest.js,报parameter 1 is not of type 'Element'
    JS中的函数
    Babel 7 初探
    package-lock.json 文件
    Js 中的数组
  • 原文地址:https://www.cnblogs.com/1305yyf/p/6009529.html
Copyright © 2011-2022 走看看