提示倒计时

<!DOCTYPE html>
<html>
<head>
<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; //数据的
var timer = null ; //定时器的名字

btn.onclick = function(){
clearInterval(timer); //先清除原先的定时器

this.disabled = true ; //禁用当前的button this一般使用在函数里面,当前值得是button

var that = this //把btn对象给 that

timer = setInterval(sendTextMessage,1000);//开启定时器 定时器的 名字是timer

function sendTextMessage(){
alert(this);
alert(that);

count--;
if(count >= 0){
that.innerHTML = "还剩余"+count+"秒";
}else{
that.innerHTML = "重新发送短信";
that.disabled = false;
clearInterval(timer);//清除定时器
count = 5;
}
}

}
</script>

时间: 2024-10-29 19:10:36

提示倒计时的相关文章

Java/Android计时器(开始,暂停,恢复,停止)

由于要做暂停和恢复,这里我就没有使用Android的CountDownTimer,而是用了Java的Timer.所以,这个方法在java肯定是通用.我也外加了Android独有的Service,有些计时器需要在Activiy关闭的情况下依然在计时,回到Activity时,显示当前的计时状态. Timer 这个Java的类,具体看Java的API说明,但是要注意一点: Timer 在cancel后,需要重新new 一次. 首先要给计时器定义三个状态:准备,开始,暂停. public static

登录首页定时跳转指定页面、倒计时提示。

<body>  <div style="text-align: left;color:red; ">              <span id="show"></span>        </div></body> <script>   var t=60;               //设定跳转的时间  自定义设置   setInterval("refer()"

js实现抢购倒计时精确到毫秒 到期提示“抢购已结束”

<%@ page language="java" contentType="text/html; charset=utf-8"     pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

window10总提示幸福倒计时,解决方法

删除window用于标识计算机更新的临时文件,需要先停止功能Windows Update. 在开始菜单的"搜索程序和文件"框输入"Services.msc"命令打开服务窗口 打开Windows Update服务,将其停止 双击,进行停止: 后进入"C:\\Windows\\SoftwareDistribution\\DataStore"文件夹,将里面的文件全部删除.  后进入到路径 "C:\\Windows\\SoftwareDistr

PHP+HTML实现登出界面倒计时效果

在WAMP(Windows+Apache+MySQL+PHP)做网站时,通常需要使用Session记录表单登陆用户名和密码等变量,而在登出时需要清除Session.通常我想实现的登出是通过alert提示用户然后header跳转,但下面的代码是通过JavaScript实现的时间倒计时并跳转到主页的效果,主要是看到学校的BT网站等都是这个效果. PS:参考 C# 系统应用之Cookie\Session基础知识及php读取Cookie\Session 代码如下: <?php session_start

JavaScript + PHP 实现刷新继续保持倒计时的按钮

场景:发送一个验证码到手机,当验证码发出时,会提示隔 1 分钟之后可以再次发送.通常有这几种方式防止恶意请求,一是再次发送之前需要输入验证码,二是在指定的时间间隔之内不能再次发送. 有些网站在 1 分钟的间隔之间之内发送按钮的确是禁用了,但是只要刷新浏览器,或者通过 F12 工具修改 Button 的 disabled 属性,在时间间隔之内仍然可以点击按钮. 需要在刷新的情况下仍然保持倒计时,可以在服务器端用过 SESSION 记录点击的时间,并且每次加载页面的时候都去检测当前时间和点击时间的时

倒计时的js实现

在有活动的业务中,我们经常会看到,页面中钟,给用户提示活动的开始和进行状态. 有数字显示的,有模拟石英钟的.莫衷一是,背后的逻辑是一致的,只是前台展示方式的区别. 下面就让我们实现一个数字显示的电子时钟. 分为显示天数和时分秒两种情况:我们在这里声明页面中用来显示时间的dom元素id为J_count, var domCount = document.getElementById('J_count'); 距离活动开始还有X天 获取进入页面时的时间点.即计时起点. 因为用户机器的时钟相互之间多多少少

iOS 商品倒计时 限时特价 限时优惠 功能的封装

最近项目中多个页面用到了 商品特价倒计时的功能  为了偷懒 于是自己封装了一个限时抢购 倒计时的view 代码实现如下: 定向价 限时特价 模型代码实现: #pragma mark 商品定向价模型 @interface STGoodsOrientationPrice : STBaseModel /**定向价**/ @property (nonatomic, copy) NSString *price; /**定向价开始时间**/ @property (nonatomic, copy) NSStr

jquery实现手机发送验证码的倒计时代码(转)

var wait = 60;//时间 function time(o, p) {//o为按钮的对象,p为可选,这里是60秒过后,提示文字的改变 if (wait == 0) { //o.removeAttr("disabled"); //o.val("点击发送验证码");//改变按钮中value的值 //p.html("如果您在1分钟内没有收到验证码,请检查您填写的手机号码是否正确或重新发送"); $('#'+p).removeAttr(&quo