cari

Rumah >hujung hadapan web >tutorial js >计时器的简单应用方法

计时器的简单应用方法

一个新手
一个新手asal
2017-10-11 09:17:191314semak imbas

   这里实现了计时器的开始与暂停的相关操作

    <script>
        var i = 0;
        var start;
        window.onload = function(){
            document.getElementById("red").onclick = function(){
                start = window.setInterval("time()",1000);//计时器

            }


            document.getElementById("mom").onclick = function(){
                window.clearInterval(start);
            }

        }
        function time(){
                i++;
                document.getElementById("display").innerHTML = i;
            }

    </script>
</head>
<body>
    <p id="display"></p>
    <button id="red">掀起你的盖头来~~~~~</button>
    <button id="mom">啊，妈呀！！！</button>
</body>

Atas ialah kandungan terperinci 计时器的简单应用方法 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：window.onload的使用方法Artikel seterusnya：jstl中<c:if >和<c:choose>有哪些区别

Artikel berkaitan

Lihat lagi