使用Javascript在HTML中显示实时时间
本文实例为大家分享了用Javascript在HTML中显示实时时间的具体代码，供大家参考，具体内容如下
方法如下：
1. 在script中建立方法time；
2. 创建新的Date对象date，并通过使用Date的内置方法给year、month等赋值；
3. 通过连接符号将各个时间连接起来；
4. 使用document.getElementById(“time”).innerHTML将其显示到HTML主页中；
5. 使用setInterval设置动态更新时间，即实时时间；
注意：
（1）获取年份的方法前面有full；
（2）月份的表示从零开始；
（3）周的获取值表示为数字，可以通过switch的方法转换，也可以通过下面代码中的方法将其转化为星期几；
（4）对于时分秒的两位表示，可以在前面加上符号0；
参考代码见下：
<html>
<head>
<meta charset="UTF-8">
<title>日期和时间</title>
<script>
function time(){
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var week = date.getDay();
week="星期"+"日一二三四五六".charAt(week);
/*switch(week){
case 1:
week="星期一";
break;
case 2:
week="星期二";
break;
case 3:
week="星期三";
break;
case 4:
week="星期四";
break;
case 5:
week="星期五";
break;
case 6:
week="星期六";
break;
case 0:
week="星期日";
break;
}*/
var hour =date.getHours();
hour=hour<10?"0"+hour:hour;
var minute =date.getMinutes();
minute=minute<10?"0"+minute:minute;
var second = date.getSeconds();
second=second<10?"0"+second:second;
var currentTime = year+"-"+month+"-"+day+" "+week+" "+hour+":"+minute+":"+second;
document.getElementById("time").innerHTML=currentTime;
}
setInterval("time()",1000);
</script>
</head>
<body onload="time()">
<span id="time"></span>
</body>
</html>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。
相关推荐
-
jsp实现页面实时显示当前系统时间的方法
JS代码 复制代码 代码如下: <script language="javascript"> function realSysTime(clock){ var now=new Date(); //创建Date对象 var year=now.getFullYear(); //获取年份 var month=now.getMonth(); //获取月份 var date=now.getDate(); //获取日期 var day=now.getDay(); //获取星期 var
-
比较简洁的JavaScript 实时显示时间的脚本 修正版
JavaScript显示时间,时间还在走动着!不是一个静态的效果! function Time() 定义一个函数. { if (!document.layers&&!document.all) return 由于IE与Netscape对JavaScript的解释不同,造成浏览的效果不同,所以要分别写代码.这句话判断一下用户所使用的浏览器,如果两者都不是,就返回. var timer=new Date() 定义一个新的变量,名字为timer,为一个新的Date的对象. var hou
-
页面实时更新时间的JS实例代码
复制代码 代码如下: function startTime() { var today = new Date(); //定义日期对象 var yyyy = today.getFullYear(); //通过日期对象的getFullYear()方法返回年 var MM = today.getMonth() + 1; //通过日期对象的getMonth()方法返回年
-
JS使用Date对象实时显示当前系统时间简单示例
本文实例讲述了JS使用Date对象实时显示当前系统时间的方法.分享给大家供大家参考,具体如下: JS中包含Date对象,其提供了一些方法获取系统日期,直接上代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>www.jb51.net 获取系统时间</title> <script language="JavaScript&
-
基于JS代码实现实时显示系统时间
1.概述 在浏览很多网站时,都会发现在网站中加入了显示当前系统时间的功能,在网页中显示当前系统时间,不仅可以方便浏览者掌握当前时间,而且还美化了网页. 2.技术要点 利用Date对象来实现.首先创建一个表示当前系统时间的Date()对象,然后通过Date对象的getXxx()方法获得当前系统时间的年.月.日.小时.分.秒和星期的值,接下来将获得的这些值组合成一个日期时间字符串,并将日期时间字符串设置成为<div>标签的内容,最后通过window对象的setTimeout()函数每隔1秒调用一个
-
js实时获取并显示当前时间的方法
本文实例讲述了js实时获取并显示当前时间的方法.分享给大家供大家参考.具体实现方法如下: js部分如下: <script type="text/javascript"> window.onload = function() { var show = document.getElementById("show"); setInterval(function() { var time = new Date(); // 程序计时的月从0开始取值后+1 var
-
详解js实时获取并显示当前时间的方法
本文实例为大家分享了js实时获取并显示当前时间l的具体代码,供大家参考,具体内容如下 js部分如下: <script type="text/javascript"> window.onload = function() { var show = document.getElementById("show"); setInterval(function() { var time = new Date(); // 程序计时的月从0开始取值后+1 var m
-
js实时获取系统当前时间实例代码
(1):首先用JS编写实时显示系统时间的函数 clockon() 只有一个参数bgclock,用于指定显示用于转化后的<div>标记的名称,无返回值,大家进行网站开发时可以将改函数保存在JS文件中,以便重用 代码如下: 复制代码 代码如下: <script>function clockon(bgclock){ var now = new Date(); var year = now.getYear(); var month = now.getMonth();
-
javascript实时显示北京时间的方法
本文实例讲述了javascript实时显示北京时间的方法.分享给大家供大家参考.具体如下: 该页面中实时显示北京时间,更改时区也可以作为显示世界时间,代码如下: 复制代码 代码如下: <script type="text/javascript"> Date.prototype.strftime = function(format){ var o = { "M+" : this.getMonth()+1, //month
-
判断Session的过期时间 采用JavaScript实时显示剩余多少秒
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%> <%session.timeout=1440 '单位(分钟)1440=24小时 参数不能大于24小时 也就是不能大于1440分钟%> <% if session("login")<>"888888" then'判断Session是否有效 Response.Write("Session过期了&quo