码迷,mamicode.com
首页 > 其他好文 > 详细

简单的秒表实例

时间:2017-07-11 17:50:37      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:style   日期   gets   eth   title   second   code   date()   oct   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>日期对象</title>
</head>
<body>
<div id="div">16:30:00</div>
<script>
    function getDate(){
        var myDiv = document.getElementById("div");
        var tt = new Date();
        var hover = tt.getHours(),
            minute = tt.getMinutes();
            second = tt.getSeconds();
        if(hover < 10){
            hover = "0" + hover;
        }
        if(minute < 10){
            minute = "0" + minute;
        }
        if(second < 10){
            second = "0" + second;
        }
        var time = hover+":"+minute+":"+second;
        myDiv.innerHTML = time;
    };
    getDate();//以免第一次还要等待30毫秒;
    setInterval(getDate,30)
</script>
</body>
</html>

 

简单的秒表实例

标签:style   日期   gets   eth   title   second   code   date()   oct   

原文地址:http://www.cnblogs.com/-CLAY-/p/Date.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!