JS实现动态时钟

2026-04-19 21:19:14

1、新建一个HTML文档,并定义一个时钟函数,

示例代码:

function clock(){}

JS实现动态时钟

2、创建一个时间对象,并获取当前时间的时分秒,

示例代码:

var d=new Date();

var h=d.getHours();

var m=d.getMinutes();

var s=d.getSeconds();

var hms=h+":"+m+":"+s;

JS实现动态时钟

3、为<body>指定onload事件,定义一个<h1>标签

示例代码:

<body onload="clock()">

<h1 id="clock"></h1>

JS实现动态时钟

4、为<h1>标签内容动态赋值,

示例代码:

document.getElementById("clock").innerHTML=hms;

JS实现动态时钟

5、为clock()函数指定超时执行,

示例代码:

setTimeout("clock()", 1000);

JS实现动态时钟

6、保存以上文件,并在浏览器查看

JS实现动态时钟

猜你喜欢