js-计时器-发送短信案例（点击按钮后，该按钮60秒之内不能再次点击，防止重复发送短信）

最新推荐文章于 2024-05-28 11:44:38 发布

11路的卷尺

最新推荐文章于 2024-05-28 11:44:38 发布

阅读量506

点赞数

分类专栏：基础练习文章标签： javascript html 前端 Powered by 金山文档

本文链接：https://blog.csdn.net/m0_72711350/article/details/129058607

版权

① 按钮点击之后，会禁用 disabled 为true

② 同时按钮里面的内容会变化，注意 button 里面的内容通过 innerHTML修改

③ 里面秒数是有变化的，因此需要用到定时器

④ 定义一个变量，在定时器里面，不断递减

⑤ 如果变量为0 说明到了时间，我们需要停止定时器，并且复原按钮初始状态。

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发送短信案例</title>
</head>

<body>
    <input type="text">
    <button>发送</button>
    <script>
        /* 1，点击发送，button按键失效，其中的内容改变为还剩n秒
           2，等时间等于0，停止计时同时button中的内容改变，时间恢复为n秒 */