js实现页面的秒数倒计时

<button name="vcode_mail" class="btn btn-default" type="button" id="vcode_mail-btn" onclick="vcode_mail_post(this)">免费获取验证码</button>

js

    //发送验证码
    function vcode_mail_post(obj){
        var seconds =121;

        //获取邮箱
        var email = $("input[name=‘email‘]").val();
        //异步变同步
        /*$.ajaxSettings.async = false;*/
        //发送请求
        $.post("{:url(‘index/user/vcode_mail_post‘)}",{email:email,type:1},function(data){

            var message = data.message;
            if(data.ok == ‘1‘){
                alert(message);
                //倒计时
                daojishi(seconds,obj);
            }else{
                alert(message);

            }
        },‘json‘);
        /*$.ajaxSettings.async = true;*/
    }

    //倒计时
    function daojishi(seconds,obj){

        if (seconds > 1){

                seconds--;

                $(obj).text(seconds+"秒后可重新获取 ").attr("disabled", true);//禁用按钮

                // 定时1秒调用一次

                setTimeout(function(){

                    daojishi(seconds,obj);

                },1000);

            }else{

                $(obj).text("重新获取验证码").attr("disabled", false);//启用按钮

            }
    }

原文地址:https://www.cnblogs.com/cl94/p/10311777.html

时间: 2024-07-31 23:41:10

js实现页面的秒数倒计时的相关文章

js写距离明天秒数

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" con

微信小程序中利用时间选择器和js无计算实现定时器(将字符串或秒数转换成倒计时)

转载注明出处 今天写小程序,有一个需求就是用户选择时间,然后我这边就要开始倒计时. 因为小程序的限制,所以直接选用时间选择器作为选择定时器的小时和分钟.唯一的缺点就是不能选择秒. 一开始的想法是选择的到一个字符串以后,截取字符串转换成数字然后和以前一样不停的计算.什么计算秒数,换算成分数啊之类的 想想虽然不难但还是太麻烦了.就想有没有简单易懂的实现方法. 首先想到的就是js中的Date() 因为这个函数可以传字符串获取毫秒数,传毫秒数获取字符串.那么总体上来看,应该是可行的. 思路: 首先我们的

60秒验证码倒计时js代码 js样式代码 方块上下左右随机移动(定时器) js中获取元素的方法 js中表单提交

60秒验证码倒计时js代码 <script type="text/javascript"> var countdown=60; function settime(val) { if (countdown == 0) { //removeAttribute() 方法删除指定的属性. disabled属性规定应该禁用 input 元素. val.removeAttribute("disabled"); val.value="免费获取验证码"

JS定时跳转URL并输出剩余秒数

1. [代码][JavaScript]代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <script language='javascript' type='text/javascript'> var secs =0; //倒计时的秒数 var URL ; function Load(url){     URL =url;     for(var i=secs;i>=0;i--)     {

js计算两个时间范围间的间隔秒数

最近在一个项目中,需要计算两个时间段之前间隔的时间秒数,这里把代码记录下来.代码很简单,主要是需要逻辑清楚,因为有几种情况需要区分,放在这里分享下. 1 function weekend(time1,time2){ 2 //计算时间间隔,除去周末和非工作时间 3 if(time1!=null&&time2!=null){ 4 debugger; 5 var timesstart1=Date.parse(time1); 6 var dat1=new Date(timesstart1); 7

JS秒数转成分秒时间格式

源于:http://www.huiyi8.com/jiaoben/ flash特效 // 格式化秒数到时间格式 Number.prototype.formatTime=function(){     // 计算     var h=0,i=0,s=parseInt(this);     if(s>60){         i=parseInt(s/60);         s=parseInt(s%60);         if(i > 60) {             h=parseInt

js 控制页面跳转的5种方法

第一种: 复制代码代码如下: <script language="javascript" type="text/javascript">           window.location.href="login.jsp?backurl="+window.location.href;     </script> 第二种: 复制代码代码如下: <script language="javascript"

Jsp页面跳转和js控制页面跳转的几种方法

Jsp 页面跳转的几种方法 1. RequestDispatcher.forward() 在服务器端起作用,当使用forward()时,Servlet engine传递HTTP请求从当前的Servlet或者是JSP到另外的一个Servlet.JSP 或普通HTML文件,也即你的form提交至a.jsp,在a.jsp用到了forward()重定向至b.jsp,此时form提交的所有信息在 b.jsp都可以获得,参数自动传递. 但forward()无法重定向至有frame的jsp文件,可以重定向至有

JS弹出框、对话框、提示框,JS关闭窗口、关闭页面和JS控制页面跳转

一.JS弹出框.对话框.提示框 //====================== JS最常用三种弹出对话框 ======================== //1弹出对话框并输出一段提示信息 function ale() { //弹出一个对话框 alert("提示信息!"); } //2弹出一个询问框,有确定和取消按钮 function firm() { //利用对话框返回的值 (true 或者 false) if (confirm("你确定提交吗?")) { a