javascript显示倒计时控制按钮的简单实现

html：

<a><span id="sendAgain" onclick="sendEmail()">2.再次发送激活邮件</span></a>

（span控制点击事件，disabled无效）

js：

/*发送邮件*/
function sendEmail(){//发送邮箱认证邮件
  var me = $("#sendAgain");
  me.time = 60;
  (function() {
    if (me.time > 1) {
      me.time--;
      me.html("2.再次发送还需(" + me.time + ")");
      setTimeout(arguments.callee, 1000);
      me.attr("onclick","");
    } else {
      me.html("2.再次发送激活邮件");
      me.attr("onclick","sendEmail()");
    }
  })();

}

以上这篇javascript显示倒计时控制按钮的简单实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

    BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)

    时钟 最简单的时钟制作办法是通过正则表达式的exec()方法,将时间对象的字符串中的时间部分截取出来,使用定时器刷新即可 <div id="myDiv"></div> <script> myDiv.innerHTML = /\d\d:\d\d:\d\d/.exec(new Date().toString())[0]; setInterval(function(){ myDiv.innerHTML = /\d\d:\d\d:\d\d/.exec(new

  • php倒计时出现-0情况的解决方法

    本文实例讲述了php倒计时出现-0情况的解决方法.分享给大家供大家参考,具体如下: 问题:今天有反馈,说倒计时出现了-0天的情况,我看了看程序,卧槽,当时怎么没测试到 原因是PHP的逻辑判断中 -0 > 0 分析:贴出错的代码 $starttime = 1362585600; //3.7凌晨 $nowtime = 1362618921;//3.7早上 $off = ceil(($starttime - $nowtime)/86400); //倒计时 if ($off < 0) { $off =

  • js实现精确到秒的倒计时效果

    js实现精确到秒的倒计时效果

    本文实例为大家分享了两种倒计时效果,供大家参考,具体内容如下 效果图: 1.倒计时效果  <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>倒计时</title> <link rel="stylesheet" href="css/common.css" type="text/css&quo

  • JS/jQ实现免费获取手机验证码倒计时效果

    JS/jQ实现免费获取手机验证码倒计时效果

    最近做了一个项目,其中有项目需求涉及到手机号验证码,就是当用户点击获取验证码之后我们会发送一条信息到用户手机,然后就会出现一个倒计时按钮,很像支付宝手机付款效果了,下面我给大家分享两个实现代码. 如何获取手机验证码? 小月不知道大家是利用什么平台去获取验证码的,但是告诉大家我是在哪个平台获取的. LeanCloud :https://leancloud.cn/ 文档:https://leancloud.cn/docs/sms_guide-js.html 在这个平台首先去要注册一个账号,在设置里面

  • 点击按钮出现60秒倒计时的简单js代码(推荐)

    点击按钮出现60秒倒计时的简单js代码(推荐) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta h

  • js实现浏览器倒计时跳转页面效果

    js实现浏览器倒计时跳转页面效果

    本文实例为大家分享了js浏览器倒计时跳转页面效果,供大家参考,具体内容如下 效果图: <!DOCTYPE html> <html> <head> <title>浏览器对象</title> <meta http-equiv="Content-Type" content="text/html; charset=gb123"/> </head> <body> <H4>

  • js倒计时简单实现代码

    倒计时: 1.设置一个有效的结束日期 2.计算剩余时间 3.将时间转换成可用的格式 4.输出时钟数据作为一个可重用的对象 5.在页面上显示时钟,并在它到达0时停止 html <div id="clock"> <span id="days"></span>天 <span id="hours"></span>时 <span id="minutes"></

  • javascript显示倒计时控制按钮的简单实现

    html: <a><span id="sendAgain" onclick="sendEmail()">2.再次发送激活邮件</span></a> (span控制点击事件,disabled无效) js: /*发送邮件*/ function sendEmail(){//发送邮箱认证邮件 var me = $("#sendAgain"); me.time = 60; (function() { if (

  • javascript显示用户停留时间的简单实例

    复制代码 代码如下: <script type="text/javascript"> var second = 0; var minute = 0; var hour = 0; window.setInterval("OnlineStayTime();", 1000); function OnlineStayTime() { second++; if (second == 60) { second = 0; minute++; } if (minute 

  • javascript特效实现——当前时间和倒计时效果的简单实例

    这个效果的实现关键是对Date对象和setTimeout的使用. 一共有三个例子,HTML结构如下,就不添加CSS样式了. <body> 当前时间:<p id="p1"></p> 高考倒计时:<p id="p2"></p> 限时抢购:<p id="p3"></p> </body> 主要体会javascript的实现 window.onload=func

  • JavaScript 显示一个倒计时广告牌的实现示例

    JavaScript 显示一个倒计时广告牌的实现示例

    本文主要介绍了JavaScript 显示一个倒计时广告牌的实现示例,分享给大家,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi

  • javascript实现倒计时并弹窗提示特效

    在前端开发中,难免会用到倒计时.如做的双十一活动,在距活动开始的半个月前需要做些宣传工作,需要告知用户优惠活动什么时候开始.这个时候就要用到倒计时,如在整站的某个页面提醒用户活动什么时候开始等.而在活动的后期,特别是在距活动结束仅有1天左右时,就要用到弹窗倒计时.这个倒计时设置在整站的首页顶部(当然也可以设置在其它地方,如首页中部等),并设置弹窗弹出10秒后自动消失,由用户决定是否点击到相应的活动页面,购买产品. 需要的技术支持:CSS3,jQuery库: HTML代码如下: <section

  • 6种javascript显示当前系统时间代码

    第一种:javascript显示当前系统时间代码 2015年12月1日 12:05:08 星期二 <div id="jnkc"> </div> <script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); </script> 第二种:javascri

  • jQuery实现带有上下控制按钮的简单多行滚屏效果代码

    jQuery实现带有上下控制按钮的简单多行滚屏效果代码

    本文实例讲述了jQuery实现带有上下控制按钮的简单多行滚屏效果代码.分享给大家供大家参考.具体如下: 这里使用了jQuery插件来实现最简单的多行文字滚屏效果,还带有上下滚动控制按钮,卷动速度,数值越大,速度越慢(毫秒),滚动的时间间隔是(毫秒),每次滚动的行数,默认为一屏,即父容器高度-- 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-up-down-scroll-src-style-codes/ 具体代码如下: <!DOCT

  • javascript实现倒计时效果

    javascript实现倒计时效果

    本文实例为大家分享了javascript实现倒计时效果的具体代码,供大家参考,具体内容如下 首先先写一个布局 <!--倒计时--> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style> #numbers p { position: ab

  • 用javascript实现倒计时效果

    用javascript实现倒计时效果

    用Javascript实现倒计时效果,供大家参考,具体内容如下 正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教 在某些商城网站中,我们常常可以看见其网站或者app上有一个区域放的是倒计时,来用来提醒用户还有多少时间将会发生什么事情,下面我们用代码来对其进行实现 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

  • javascript实现倒计时关闭广告

    javascript实现倒计时关闭广告

    用Javascript实现倒计时关闭广告案例 正在学习大前端中,有代码和思路不规范不正确的地方往多多包涵,感谢指教 在很多app与网页中,我们可以看到这样的广告:进入某个网站后,会弹出一个广告,然后广告会有倒计时,倒计时结束,这个广告便会消失,下面我们用代码来实现这一功能 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

随机推荐