JavaScript 时钟实例

来源：互联网发布：英语软件有哪些编辑：程序博客网时间：2024/05/20 11:52

代码

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>时钟实例</title>    <style>        #timetxt{            width: 70px;            height: 20px;            background-color: #7cb5b7;            margin: 0px auto;        }    </style></head><body onload="startTime()"><!--起初调用该函数--><!--onload作用是页面加载之后立即执行一段 JavaScript--><div id="timetxt"></div><script>    function startTime() {        var today=new Date();        var h=today.getHours();        var m=today.getMinutes();        var s=today.getSeconds();        m=checkTime(m);        s=checkTime(s);        document.getElementById("timetxt").innerHTML=h+":"+m+":"+s;        var t=setTimeout(function () {//定义这个方法是为了使用递归，每次重新来获取到当前的时间（起到更新作用）            startTime();//setTimeout()在js类中的使用方法   setTimeout (表达式,延时时间)，时间单位是ms        },1000);    }    function checkTime(i) {//m和s在10之前一般会在之前加0.使时钟长度不会因为单数和双数发生改变        if(i<10)        {            i="0"+i;        }        return i;    }</script></body></html>

时钟简单效果

这里写图片描述

注意

注意body起始用onload在网页加载完后立马执行js代码

1 0