javascript时间的简单介绍

基于javascript实现动态显示当前系统时间

本文实例讲解了javascript实现动态显示当前系统时间的详细代码，具体内容如下

（1）时间日期信息，应该在一个div中来显示

（2）定时器：每隔一秒再次访问系统时间，window对象的setTimeout()

（3）时钟显示的时机(事件)：当网页加载完成后才显示，事件onload

（4）如何将

时间日期信息

写入到指定的div中，DOM对象中的innerHTML属性

效果图：

具体代码：

html

head

meta

http-equiv="Content-Type"

content="text/html;

charset=gb2312"

/

title无标题文档/title

script

type="text/javascript"

//定义函数：构建要显示的时间日期字符串

function

showTime()

{

//创建Date对象

var

today

=

new

Date();

//分别取出年、月、日、时、分、秒

var

year

=

today.getFullYear();

var

month

=

today.getMonth()+1;

var

day

=

today.getDate();

var

hours

=

today.getHours();

var

minutes

=

today.getMinutes();

var

seconds

=

today.getSeconds();

//如果是单个数，则前面补0

month

=

month10

?

"0"+month

:

month;

day

=

day

10

?

"0"+day

:

day;

hours

=

hours10

?

"0"+hours

:

hours;

minutes

=

minutes10

?

"0"+minutes

:

minutes;

seconds

=

seconds10

?

"0"+seconds

:

seconds;

//构建要输出的字符串

var

str

=

year+"年"+month+"月"+day+"日

"+hours+":"+minutes+":"+seconds;

//获取id=result的对象

var

obj

=

document.getElementById("result");

//将str的内容写入到id=result的div中去

obj.innerHTML

=

str;

//延时器

window.setTimeout("showTime()",1000);

}

/script

style

type="text/css"

#result{

width:500px;

border:1px

solid

#CCCCCC;

background:#FFFFCC;

margin:50px

auto;

font-size:24px;

color:#FF0000;

padding:20px;

}

/style

/head

body

onload="showTime()"

div

id="result"/div

/body

/html

希望本文所述对大家的javascript程序设计有所帮助。

相关问答

Q1: javascript动态显示时间

html

head

title时钟特效/title

script type="text/javascript"

function disptime(){

var today = new Date()； //获得当前时间

var hh = today.getHours()； //获得小时、分钟、秒

var mm = today.getMinutes()；

var ss = today.getSeconds()；

/*设置div的内容为当前时间*/

document.getElementById("myclock").innerHTML="h1现在是:"+hh+":"+mm+":"+ss+"h1"；

/*

使用setTimeout在函数disptime()体内再次调用setTimeout

设置定时器每隔1秒（1000毫秒），调用函数disptime()执行，刷新时钟显示

*/

var myTime=setTimeout("disptime()"，1000)；

}

/script

/head

body onload="disptime()"

div id="myclock"/div

/body。

Q2: 在javascript中，时间设置

你应该做一个定时器，每隔1000毫秒刷新一次！

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title当前时间/title

script language="javascript" type="text/javascript"

!--

function showLeftTime()

{

var now=new Date();

var year=now.getYear();

var month=now.getMonth()+1;

var day=now.getDate();

var hours=now.getHours();

var minutes=now.getMinutes();

var seconds=now.getSeconds();

document.all.show.innerHTML="Time:"+year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds+"";

var timeID=setTimeout(showLeftTime,1000);

}

//--

/script

/head

body onload="showLeftTime()"

label id="show"这里显示开始时间/labelbr

/body

/html

自己写的，望采纳！

Q3: javascript如何获取系统时间

p id="sj"点击按钮获取时间问候/p

button onclick="wenhou()"时间问候/button

script

function wenhou()

{

year=new Date().getFullYear();

month=new Date().getMonth();

date=new Date().getDate();

hours=new Date().getHours();

minutes=new Date().getMinutes();

seconds=new Date().getSeconds();

milliseconds=new Date().getMilliseconds();

document.getElementById("sj").innerHTML=year+"."+month+"."+date+":"+hours+":"+minutes+":"+seconds+":"+milliseconds;

}

/script

新建一个html，把代码放入body里面看效果

解释：

year=new Date().getFullYear(); //获取完整年份

month=new Date().getMonth(); //获取月份

date=new Date().getDate(); //获取日期

hours=new Date().getHours(); //获取小时

minutes=new Date().getMinutes(); //获取分钟

seconds=new Date().getSeconds(); //获取秒钟

milliseconds=new Date().getMilliseconds(); //获取毫秒