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     width: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>
时间: 2024-10-10 21:44:06

js页面实时显示时间的相关文章

JavaScript实现页面实时显示时间

今天尝试了一下JavaScript实现页面实时显示时间 运用了 setInterval() 函数 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式 setInterval("getTime()",1000); 以1000毫秒间隔调用函数有一个问题就是刚打开页面时的1s会不显示 为此我们可以在之前先调用一遍函数 getTime(); 这样无论何时都能实时显示时间啦 .html代码如下 <!DOCTYPE html> <html lang

报表实时显示时间

报表,除了相对静态地展现汇总统计数据以及分布.趋势等数据内容外,也可以用于显示和时间相关的即时信息,包括实时显示时间.例如,下面这个设备监控应用统系中,首页除了显示实时监控数据外,还需要在右上角显示实时时间: 这种形式的"动态报表"其实在我们生活中也随处可见,最常见的就是火车站大屏幕上的列车时刻表,上面显示的当前时间,让旅客能够一目了然地知道自己的列车还有多长时间开,等待的列车什么时候到. 其实,要在报表中做到上面的效果很简单,基本思路就是让页面定时(比如每隔一秒钟)调用JS方法,在J

博客园定制页面(五)——使用自定义JS脚本(公告栏显示时间)

一.js使用方法 使用方法主要分为以下几步: 在本地创建js脚本文件: 博客园的管理——文件——选择文件——上传 然后在设置里面的博客侧边栏公告或者页首Html代码或者页脚Html代码中用自定义的html等代码调用即可. 注意:博客园的js权限需要申请开通.一般先写两篇博客再申请,如果不通过多申请两次即可通过. 二.公告栏钟表显示时间 下面是示例我的博客公告栏的钟表显示的js设置方法: 创建js脚本 上传到自己账户的文件中,然后在博客侧边栏公告调用js脚本 2.1.本地创建js脚本 本地创建名为

JS练习-简单显示时间

<html> <head> <title>简单时间显示</title> <style> div{ height:60px; background-color:lightgray; } </style> <script> function showTime(){ var time=new Date();//创建时间对象,获得当前时间 var hour,minute,second;//提取时分秒 hour=time.getHo

js实时显示系统时间

刚刚在做后台页面最上面要动态显示时间刚写了这个代码 将这段代码加入<head></head> <!--时间显示代码 --><script>function clockon(contentDate){    var now = new Date();    var year = now.getYear();    var month = now.getMonth();    var date = now.getDate();    var day = now.

实时显示系统时间

1.概述 在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页. 2.技术要点 利用Date对象来实现.首先创建一个表示当前系统时间的Date()对象,然后通过Date对象的getXxx()方法获得当前系统时间的年.月.日.小时.分.秒和星期的值,接下来将获得的这些值组合成一个日期时间字符串,并将日期时间字符串设置成为<div>标签的内容,最后通过window对象的setTimeout()函数每隔1秒调用一个

页面滚动显示或隐藏元素Headroom.js插件帮助你实现滚动效果

Headroom.js 是什么? Headroom.js 是一个轻量级.高性能的JS小工具(不依赖任何工具库!),它能在页面滚动时做出响应.此页面顶部的导航条就是一个鲜活的案例,当页面向下滚动时,导航条消失,当页面向上滚动时,导航条就出现了. Headroom.js 有什么用? 固定页头(导航条)可以方便用户在各个页面之间切换.但是这也会带来些问题…本文原创博客地址:http://www.cnblogs.com/unofficial官网地址:www.pushself.com) 大屏幕一般都是宽度

vue中使用axios post上传头像/图片并实时显示到页面

前端开发中,为了更好的用户体验,在头像上传时会先将图片显示到页面然后点击保存按钮 完成图片的上传成功 代码部分有参考他人的写法. html代码: <div id="myPhoto" v-show="personalPhoto"> <div class="viewPhoto"> <img src="" alt="" id="portrait"style=&qu

js获取实时日期和时间

//在相应位置显示时间日期 <div style=" width:400px; height:50px">    <span id="showtime"></span>     <!--走马灯文字 <marquee direction="left">需要滚动的内容</marquee>-->    </div></body> js获取时间日期 <s