简单的JS实现按钮触发倒计时功能

最新推荐文章于 2024-10-06 12:17:25 发布

原创最新推荐文章于 2024-10-06 12:17:25 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#input #server #button #function #html #c

JS 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的JavaScript实现，通过按钮点击触发倒计时功能，并在输入框中显示剩余时间，最终在计时结束后弹出提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript">
        var c = 3;
        var t;
        function timedCount() {
            document.getElementById('txt').value = c
            c = c - 1
            if (c == 0) {
                alert("asdf");
            } else {
                t = setTimeout("timedCount()", 1000);
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input type="button" value="Start count!" onclick="timedCount()" />
    <input type="text" id="txt" />
    </form>
</body>
</html>