Heim > Artikel > Web-Frontend > Einfache Anwendungsmethode des Timers

Einfache Anwendungsmethode des Timers

一个新手Original: 2017-10-11 09:17:191230Durchsuche

Hier werden die zugehörigen Vorgänge zum Starten und Anhalten des Timers implementiert

    <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>

Das obige ist der detaillierte Inhalt vonEinfache Anwendungsmethode des Timers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie window.onloadNächster Artikel：So verwenden Sie window.onload

In Verbindung stehende Artikel

Mehr sehen