[js] 请使用js实现一个秒表计时器的程序

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>计时器</title>
</head>

<body>
    <div id="counter"></div>
</body>

</html>
<script>
    /* 选中所需要的couter */
    const ele = document.getElementById('counter');
    /* 定义两个变量  */
    let intervalId, seconds;
    /* 定义一个计算时间的方法 */
    function counter() {
        /* 定义定时器  */
        intervalId = window.setInterval(() => {
            --seconds;
            ele.innerText = seconds;
            if (seconds === 0) {
                alert('计时结束');
                window.clearInterval(intervalId);
            }
        }, 1000);
    }

    function stopCounter() {
        window.clearInterval(intervalId);
    }

    function resumeCounter() {
        counter();
    }

    seconds = 100;
    counter();
</script>

运行结果
在这里插入图片描述

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。

主目录

与歌谣一起通关前端面试题