首页 > 其他分享 >js 倒计时按钮可用

js 倒计时按钮可用

时间:2022-09-28 10:57:53浏览次数:61  
标签:CountDown span js 倒计时 window innerText 按钮 var document

HTML

  <a class="btn btn-default" id="enterBtn" disabled  style="margin-top:2rem" href="legalnewform.html">
       已知晓,进入法律咨询<span id="countDown" style="float:right">(5)</span>
  </a>

JS

 <script type="text/javascript">
      
        window.setTimeout("CountDown()", 1000);

        function CountDown() {

            var span = document.getElementById("countDown");

            //改变span里面的值  
            var r = /[0-9]+/g;
            var a = span.innerText.match(r);
            span.innerText = "("+ ( a - 1)+")";

            //判断是否减到了0

            if (span.innerText == "(0)") {

                document.getElementById("enterBtn").removeAttribute("disabled");
                span.innerText = "";
                return;

            }

            window.setTimeout("CountDown()", 1000);

        }
    </script>

效果截图

 

标签:CountDown,span,js,倒计时,window,innerText,按钮,var,document
From: https://www.cnblogs.com/zspwf/p/16737215.html

相关文章

  • 如何学习ReactJS:初学者完整指南
    英文| https://www.geeksforgeeks.org/how-to-learn-reactjs-a-complete-guide-for-beginners/?ref=rp翻译 |web前端开发(ID:web_qdkf)每个前端开发人员和Web开发人员都知......
  • 11._jsp_el_jstl
    ......
  • vue2.x引入threejs
    @目录vue2.x引入threejsnpm安装使用指定版本:其他插件实例强调vue2.x引入threejsnpm安装npminstallthree使用指定版本:npminstallthree@<版本号>其他插件因为本......
  • js各种方法
    判断类型、判断数据是否有值typeofletobj={}typeofobj===Object//根据typeof判断对象也不太准确表达式返回值typeofundefined......
  • JSON 语法
    JSON语法规则JSON语法是JavaScript对象表示语法的子集。数据在名称/值对中数据由逗号 , 分隔使用斜杆 \ 来转义字符大括号 {} 保存对象中括号 [] 保存......
  • js中的apply方法并模拟实现自己的apply方法
    apply方法定义call()方法,在mdn中的定义:apply()方法调用一个具有给定this值的函数,以及以一个数组(或类数组对象)的形式提供的参数。(它的作用和使用和call方法一致,唯一的......
  • js中的bind方法并模拟实现自己的bind方法
    Js中bind方法使用和实现前面我们已经模拟实现了call和apply方法,今天来实现下同样可以改变this指向但是又有点不同得方法-->bind方法。定义首先来看下bind方法在mdn中......
  • 前端三件套 HTML+CSS+JS基础知识内容笔记
    HTML基础目录HTML基础HTML5标签doctype标签html标签head标签meta标签title标签body标签文本和超链接标签标题标签段落标签换行标签水平标签强调标签图片标签与超链接标签......
  • TE对象message js脚本简单写法
        TE里的对象和图层都支持添加message,其中message类型中有一类为Script,在弹出的框里可以写JavaScript脚本,下图就是切换到脚本信息下: 写一个了简单的脚本示例:<scrip......
  • JS 刷新页面所有方法
    window.location.reload();使用window.open()弹出的弹出窗口,刷新父窗口非模态刷新父页面:window.opener.location.reload()使用window.showDialog弹出的模式窗口模态刷新父......