首页 > 代码库 > js 计时器

js 计时器

2024-09-24 10:53:36   203人阅读

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body  onl oad="startime()">
<div id="div" style="border: 1px solid royalblue;floating:left; margin:0 auto; display:inline;"></div>
<script>

    //var  date=new Date();
    // document.write(date);
    //document.write(date.getFullYear());//输出的是年份
    //document.write(date.getDay());//输出的是具体的星期几
    //document.write(date.getTime());//输出的是一个时间戳
    //date.setFullYear(2011,2,3);//自己设置了时间
    //document.write(date);
    function startime(){
        var t=new Date();//创建一个date的对象，才可以引用相关的date
        var h=t.getHours();
        var m=t.getMinutes();
        var s=t.getSeconds();
        m=checktime(m);
        s=checktime(s);
        document.getElementById("div").innerHTML=h + ‘:‘+ m + ‘:‘+ s;

        t=setTimeout("startime()",1000 );//注意一下函数的的参数的使用，第一个参数是要加上引号的，这里呢重新调用了原来的函数，实现了刷新的功能
        //第二个参数是表示刷新的时间，1000表示的是1秒
    }
    function checktime(i) {//这里只是为了美观一点  ，在个位数的面前，将数字的显示+一个0
        if(i<10)
        {
            i="0"+i;
        }
        return i;
    }
</script>
</body>
</html>

js 计时器


联系
我们