博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
点击发送短信剩余秒数
阅读量:7012 次
发布时间:2019-06-28

本文共 811 字,大约阅读时间需要 2 分钟。

<!DOCTYPE html>

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="text"/>
<button id="btn">点击发送短信</button>
</body>
</html>
<script>
    var btn = document.getElementById("btn");
    var count = 5;  // 数据的 10
    var timer = null; // 定时器的名字
    btn.onclick = function() {
        clearInterval(timer);  // 先清除掉原来的定时器
        // alert(11);
        this.disabled = true;
         //alert(this);  // this 指向的是 btn
        var that = this;  // 把 btn 对象 给 that  var _this = this;
        timer = setInterval(sendTextMessage,1000);  // 开启定时器 名字  timer
        function sendTextMessage() {
            count--;
        //this.innerHTML = "还剩余"+count+"秒";
           // alert(this); // this 指向的是 定时器  window
            //alert(that);
            if(count >= 0 )
            {
                that.innerHTML =  "还剩余"+count+"秒";
            }
            else
            {
                that.innerHTML = "重新发送短信";
                that.disabled = false;
                clearInterval(timer);  // 清除定时器
                count = 5;
            }
        }
    }
</script>

转载地址:http://tjqtl.baihongyu.com/

你可能感兴趣的文章
leetcode-104
查看>>
C++ STL编程轻松入门【转载】
查看>>
Linux中的进程调度(五)
查看>>
.Net操作Excel —— NPOI
查看>>
黑马程序员--Java基础加强(高新技术)学习第三天
查看>>
RedHat Enterprise Linux 6.4使用Centos 6 的yum源
查看>>
ios如何实现静音模式下声音仍然可以外放
查看>>
alibaba笔试1
查看>>
JAVA 中BIO,NIO,AIO的理解以及 同步 异步 阻塞 非阻塞
查看>>
数据的索引
查看>>
Python之面向对象函数式编程
查看>>
终于又博客了
查看>>
Android动态修改ToolBar的Menu菜单
查看>>
宣布发布长期保留 Azure Backup功能
查看>>
“融合”的力量
查看>>
POJ 1185 经典状压dp
查看>>
文件上传(图片语音等上传到微信服务器)
查看>>
常用笔记:MySQL
查看>>
.NET微信公众号开发-4.0公众号消息处理
查看>>
CentOS x64上Matlab R2015b的镜像安装方法与卸载
查看>>