js实现动态显示时间.pdfVIP

js实实现现动动态态显显⽰⽰时时间间

思思路路：：

*得到当前时间

vardate=newDate();

//格式化为本地时间

vard1=date.toLocaleString();

*使页⾯每秒显⽰⼀次时间

setInterval()定时器实现

*显⽰到页⾯

取div标签并将时间写⼊

代代码码：：

1!DOCYPEhtml

2html

3head

4metacharset=utf-8/

5title动态显⽰时间/title

6

7styletype=text/css

8#times{

9width:200px;

10height:20px;

11border:3pxsolidgray;/*如果不加实线⽆法显⽰边框*/

12}

13/style

14/head

15

16body

17divid=times

18

19/div

20

21scripttype=text/javascript

22//得到时间并写⼊div

23functiongetDate(){

24//取当前时间

25vardate=newDate();

26//格式化为本地时间格式

27vardate1=date.toLocaleString();

28//取div

29vardiv1=document.getElementById(times);

30//将时间写⼊div

31div1.innerHML=date1;

32}

33//使⽤定时器每秒向div写⼊当前时间

34setInterval(getDate(),1000);

35/script

36/body

37/html