<body>手机号码:<input type="text" name="" id=""><button>发送</button><script>// 获取元素var btn = document.querySelector('button')var time = 3// 绑定事件btn.addEventListener('click', function() {btn.disabled = true // 禁用按钮var timer = setInterval(function() { // 计时器if (time === 0) { // 计时至0就结束并复原一切clearInterval(timer)time = 3btn.innerHTML = '发送'btn.disabled = false} else {time--btn.innerHTML = '还剩下' + time + '秒'}}, 1000)})</script>
</body>

自动跳转页面:

<body><div></div><script>var div = document.querySelector('div')var time = 5var timer = setInterval(function() {if (time === 0) {location.href = 'http://www.iciba.com/'} else {div.innerHTML = '您将在' + time + '秒之后跳转到新的页面'time--}}, 1000)</script>
</body>

js进阶 发送短信案例 自动跳转页面相关推荐

  1. 安卓简单发送短信案例-qq盗号案例

    发送短信案例 布局 设置点击事件 添加权限 1.布局 账号输入框 密码输入框 发送短信按钮 <LinearLayout xmlns:android="http://schemas.an ...

  2. Android手机拨打电话、手动发送短信与自动拨打电话、自动发送短信(代码很简单哦)

    Android实现手动拨打电话,即点击后跳转到手机默认电话号码输入页面,可以将相应号码传送过去: <span style="font-size:18px;"> Inte ...

  3. Android实现拨打电话和发送短信,Android手机拨打电话、手动发送短信与自动拨打电话、自动发送短信(代码很简单哦)...

    Android实现手动拨打电话,即点击后跳转到手机默认电话号码输入页面,可以将相应号码传送过去: Intent intent = new Intent(Intent.ACTION_DIAL, Uri. ...

  4. js实现几秒倒计时之后自动跳转页面

    点击按钮之后 自动跳转到百度 <!DOCTYPE html> <html lang="en"><head><meta charset=&q ...

  5. php短信炸弹,php发送短信炸弹 - rookier的个人页面 - OSCHINA - 中文开源技术交流社区...

    /** *本代码仅仅适用于利用X-FORWARDED-FOR获取客户端IP的网站 *对于其他获取的无效 */ echo ' ';//自动刷新,间隔时间5秒 function curlrequest($ ...

  6. js开发实例 —— 发送短信验证码倒计时5S钟之后自动跳转页面

    十九.发送短信验证码倒计时 思路: ① 按钮点击之后,会禁用disabled为true. ② 同时按钮里面的内容会变化,注意button里面的内容通过innerHTML修改. ③ 里面秒数是有变化的, ...

  7. JS实现注册登录发送短信验证码动态显示60S倒计时完整案例

    通常在web项目中都会遇到账户注册或者忘记密码时需要发送短信验证码的功能,虽然说这种功能很常见,但是实际开发过程中很多人还会遇到不少坑.笔者经过整理把最近项目中的用到的这个发送短信验证码动态显示60S ...

  8. JavaScript - H5 网页拨打电话功能、发送短信、发送邮件(支持 HTML 与 JS 形式)点击自动调起手机拨打并填充手机号

    前言 在开发 H5 网页时,点击 "手机号" 区域触发拨打电话功能, 另外发送短信.发送邮件等本文也提供 拨打电话 请将 10086 改为要拨打的手机号即可. 第一种:利用 JS: ...

  9. 案例:发送短信倒计时 js 手机60秒验证码

    案例:发送短信倒计时 点击按钮后,该按钮60秒之内不能再次点击,防止重复发送短信. 动图展示: 代码展示: <p>案例:发送短信倒计时</p> 手机号码: <input ...

最新文章

  1. Linux下修改MAC地址总结
  2. 2015第22周一Web性能测试工具及IE扩展区别
  3. 【计算机网络】物理层 : 数据通信 ( 数据通信模型 | 信源 | 信宿 | 信道 | 通信方式 | 单工 | 半双工 | 全双工 | 数据传输方式 | 串行 | 并行 )
  4. CTFshow php特性 web106
  5. Python开发【Part 11】:线程与进程
  6. 认识 MySQL 和 Redis 的数据一致性问题
  7. jsp和java使用值_如何将表单的值从jsp发送到Java
  8. linux --- 部署前后端分离项目
  9. css 对话框 水平居中,css 水平居中的几种方法
  10. Julia : 1亿条记录读取测试,及几个优化点
  11. java script 下载_JavaScript下载
  12. 录屏鼠标光标圆圈如何实现_录屏鼠标光标圆圈如何实现
  13. 桌面扫码点餐系统(小程序+Java后台)
  14. 【AnySDK】项目实战教程
  15. 系列笔记-USYD悉尼大学Data1001 RQuiz1——RQuiz6 做法讲解
  16. 常见安全漏洞及其解决方案
  17. 火车运煤算法--全面解析
  18. SpringApplicationRunListener
  19. 8MSaaS PM:如何管理银行项目?
  20. django的update和create高级操作

热门文章

  1. 计算机设备维修保养记录表填写,弱电设备设施保养记录文本表格.doc
  2. 密码学之数字信封 Digital_Envelope
  3. 5G NR标准 第3章 5G频谱
  4. Xmind 8 pro 软件破解教程
  5. TSC MH340 打印机驱动
  6. 完成全球92万+集装箱箱况残损检验, 完成上亿集装箱信息识别, 中集飞瞳成熟集装箱码头人工智能,全球集装箱人工智能垂直领域领军者
  7. 数据分析系列之Python数据分析简介
  8. [admin]-01
  9. IE6下载文件名过长导致乱码问题的解决方案
  10. 好程序员web前端教程分享网页设计需要学那些东西?