使用计时器显示当前时间并暂停 



<html>
<head>
    <meta charset="UTF-8">
    <title>使用计时器显示当前时间并暂停</title>


    <script type="text/javascript">
        function startTime() {
            var today=new Date();//声明一个时间对象
            var h=today.getHours();//获取当前小时
            var m=today.getMinutes();//获取当前分钟
            var s=today.getSeconds();//获取当前秒数
            //// add a zero in front of numbers<10 在数字前面加1零
            m=checkTime(m);//调用checkTime函数
            s=checkTime(s);//调用checkTime函数

            document.getElementById("txt").innerHTML=h+":"+m+":"+s;//在txt标签里输出时间 小时：分钟：秒
            t=setTimeout("startTime()",500)//每隔500毫秒（0.5秒）刷新一次时间，为了实现时间动态显示效果

        }

        //checkTime函数，设置小于10的时间数字格式，例如5秒显示成05秒
        function checkTime(i) {
            if (i<10){
                i="0"+i;
            }
            return i;
        }

        //设置停止函数
        function stopTime() {
            clearTimeout(t)

            
        }

    </script>
</head>

<body onload="startTime()"/>

<div id="txt"></div>

<input type="button" value="停止时间" onclick="stopTime()">
</body>
</html>


 




每天进步一点点 加油


 






		

			posted on 
2016-12-20 14:05 
mandyminu 
阅读(1028) 
评论(0) 
 
收藏 
举报