青则清 javascript源码之js实现的一个简单的计时器

学习window对象的setTimeout()方法和clearTimeout()方法,学习制作了一个简单的计时器,分享给大家。

页面源码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>color</title>
</head>
<body>
    <script language="javascript">
    var flag=0;
    var timeID;
    function beg(){
        var i=form1.num.value;
        i++;
        form1.num.value=i;
        timeID=setTimeout("beg()",1000);
    }
    function str(){
        if(flag==0)
        {
            beg();
            flag=1;
        }
    }
    function pau(){
        clearTimeout(timeID);
        flag=0;
    }
    </script>
    <form id="form1" name="form1" method="post" action="">
        <input type="text" name="num" size="2" value="0" readonly="yes">
        <input type="button" name="start" value="start" onclick="str();">
        <input type="button" name="pause" value="puase" onclick="pau();">
    </form>
</body>
</html>

 

posted on 2015-04-29 15:26  青则清  阅读(234)  评论(0编辑  收藏  举报

导航