JavaScript 计数器

最新推荐文章于 2024-08-01 22:58:23 发布

季布，

最新推荐文章于 2024-08-01 22:58:23 发布

阅读量830

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 ecmascript

本文链接：https://blog.csdn.net/weixin_47906106/article/details/122175071

版权

JavaScript 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

在这里插入图片描述

    <script>
        var r = 0,
            l = 0;
        var timer


        function doStart() {
            // 点击开始的时候停止按钮不能点击
            $('start').disabled = true;
            $('stop').disabled = false;
            timer = setInterval(function() {
                r++;
                if (r > 9) {
                    //当右边的停止为9的时候在从零开始
                    r = 0;
                    //左边的设为1
                    l++;
                }
                if (l > 9) {
                    //右边为9的时候都从零开始
                    r = 0;
                    l = 0;
                }
                //字符串拼接路径
                $('img2').src = "images/" + r + '.bmp';
                $('img1').src = "images/" + l + '.bmp';
            }, 100);
        }
        //点击停止的时候开始按钮可以点击
        function doStop() {
            $('start').disabled = false;
            $('stop').disabled = true;
            //关闭计时器
            clearInterval(timer)

        }
        //获取id
        function $(id) {
            return document.getElementById(id)
        }
    </script>
</head>

<body>
    <table>
        <tr>
            <td><img src="images/0.bmp" id="img1"></td>
            <td><img src="images/0.bmp" id="img2"></td>
        </tr>
        <tr>
            <td><button onclick="doStart()" id="start">开始</button></td>
            <td><button onclick="doStop()" id="stop" disabled>停止</button></td>
        </tr>
    </table>
</body>

季布，

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript 计数器

<script> var r = 0, l = 0; var timer function doStart() { // 点击开始的时候停止按钮不能点击 $('start').disabled = true; $('stop').disabled = false; timer = setInterval(functi...
复制链接

扫一扫