`
ihyperwin
  • 浏览: 434668 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

js实现倒计时注册

 
阅读更多

<html>
<head>
</head>
<body style="text-align:center;">
<script language="javascript">
<!--
var wait = 8; //设置秒数(单位秒)
var secs = 0;        
for(var i=1;i<=wait;i++) {
 window.setTimeout("sTimer("+i+")",i*1000);
}
function sTimer(num) {
 if(num==wait)  {
  document.getElementById("BtnOk").value=" 同意注册 ";
  document.getElementById("BtnOk").disabled=false;
 }else{
  secs=wait-num;
  document.getElementById("BtnOk").value="请先阅读服务条款 ("+secs+")";
 }
}
//-->
</script>

<div style="width:350px; text-align:center;">
<form name="regForm" method="post" action="">
<input type="hidden" name="action" value="reg">
<input type="submit" value="请先阅读服务条款 (0)" disabled="disabled" id="BtnOk">
<input id="BtnClose" type="button" value=" 我不同意 " onclick="window.close();">
</form>
</div>
</body>
</html>

分享到:
评论

相关推荐

    JS点击按钮自动倒计时代码.zip

    在JavaScript编程中,点击按钮自动倒计时是一种常见的交互设计,用于提高用户体验并实现特定功能。例如,确保用户阅读完条款内容或者等待短信验证码的发送。在这个名为"JS点击按钮自动倒计时代码.zip"的压缩包中,...

    js与jQuery实现的用户注册协议倒计时功能实例【三种方法】.docx

    方法一:使用JavaScript实现倒计时功能 在第一个方法中,我们使用JavaScript来实现倒计时功能。首先,我们定义了一个变量`Seconds`,其值为10,表示用户有10秒钟的时间来阅读协议。然后,我们使用`setInterval`函数...

    计时器(倒计时,正计时)demo

    本Demo以layui UI框架为基础,实现了一个可切换的计时器,支持倒计时和正计时两种模式。layui是一款优秀的前端UI框架,以其简洁、易用的设计理念深受开发者喜爱,它提供了丰富的组件和样式,方便快速构建美观的用户...

    简单易用的倒计时插件——jQuery.downCount.js.zip

    总结,jQuery.downCount.js是一款轻量级且易于使用的倒计时插件,只需少量代码就能快速实现倒计时功能。通过灵活的参数配置和自定义样式,可以适应各种网页设计风格。在实际开发中,可以结合其他jQuery插件和前端...

    js 倒计时.zip

    在JavaScript编程中,倒计时(Countdown)是一种常见的功能,尤其在网页交互中,例如注册、登录或找回密码等场景。"js 倒计时.zip"中的内容可能包含了一个实现验证码倒计时功能的源码。在这个场景中,用户获取验证码...

    JQ实现手机验证码倒计时

    在本文中,我们将深入探讨如何使用jQuery(简称为JQ)来实现手机验证码倒计时功能。这个功能在许多Web应用程序中非常常见,特别是在用户注册、登录或进行其他需要验证身份的操作时。通过这个功能,用户在获取验证码...

    js实现用户注册协议倒计时的方法

    以上就是使用JavaScript实现用户注册协议倒计时的方法,通过合理的代码结构和逻辑,我们可以创建一个高效且易于维护的功能。在实际开发中,根据项目需求和规范,可以进一步优化和完善这个功能。

    注册按钮倒计时方便实用

    - **定时器**:通过`setTimeout`函数实现倒计时逻辑。 - **DOM操作**:利用JavaScript修改HTML元素属性,如按钮的文字和禁用状态。 - **事件处理**:监听按钮点击事件,触发倒计时功能。 ### 三、具体实现细节 ###...

    JS实现的倒计时效果实例(2则实例)

    JavaScript实现倒计时效果的知识点主要包括以下几个方面: 1. JavaScript倒计时的基本原理: 倒计时的基本原理是通过JavaScript中的Date对象来计算当前时间与目标时间(倒计时结束的时间)之间的差值。计算出这个...

    JS实现用户注册时获取短信验证码和倒计时功能

    用户注册流程中获取短信验证码和实现倒计时功能是现代Web应用中常见的交互需求。在用户填写注册信息并提交手机号码后,系统将发送一个验证码至用户手机以进行验证,以确保手机号码的真实性并防止恶意注册。在此过程...

    小程序获取验证码倒计时

    本资源提供了一个小程序获取验证码倒计时的实现,适用于登录和注册场景。 首先,我们需要理解小程序的基本结构。微信小程序是由页面(Page)和全局配置(App)组成的,每个页面包含 WXML、WXSS(类似 CSS)、...

    jquery验证码倒计时

    现在,我们引入 jQuery 来实现倒计时功能。首先需要在页面中引入 jQuery 库,可以使用 CDN 链接或者本地文件。然后编写 JavaScript 代码: ```javascript $(document).ready(function() { var countdown = 60; // ...

    短信验证button的倒计时

    实现倒计时功能主要涉及以下几个技术点: 1. **事件监听**:首先,我们需要为“获取验证码”按钮添加点击事件监听器,当用户点击按钮时触发倒计时。这通常可以通过Java或Kotlin(对于Android)中的OnClickListener...

    JS实现验证码倒计时的注册页面

    下面详细解释一下实现验证码倒计时注册页面的关键知识点。 ### HTML结构 在HTML结构中,一个典型的注册页面至少包含如下元素: - 一个用于输入手机号的文本框(`&lt;input type="text" id="phone"&gt;`)。 - 一个用于...

    js 获取验证码倒计时

    接下来,我们定义`startCountdown`函数来实现倒计时。倒计时通常设定为60秒,即1分钟,我们可以创建一个定时器(`setInterval`)来每秒更新按钮文本: ```javascript function startCountdown() { let count = 60;...

    vueJS+bootstrap+html5验证码倒计时

    在实现VueJS验证码倒计时功能时,我们首先需要一个用于显示验证码的区域,通常会包含一个按钮,用户点击后触发获取验证码的请求,并启动倒计时。这里,我们可以利用HTML5的`&lt;button&gt;`元素配合VueJS的`v-on`指令来...

    微信小程序注册60s倒计时功能 使用JS实现注册60s倒计时功能

    总结来说,无论是微信小程序还是标准的Web前端开发,实现一个60秒倒计时功能,核心在于如何通过JavaScript实现倒计时逻辑和定时器的运用,并适时更新用户界面元素的状态。通过示例代码可以了解到,实现此类功能需要...

    实用考试倒计时javascript

    通过上述分析,我们可以了解到如何使用JavaScript实现一个简单的考试倒计时功能,并且可以方便地将其集成到ASP/ASP.NET网页系统中。这种倒计时不仅可以增强用户体验,还可以帮助组织者更好地管理考试流程。然而,在...

Global site tag (gtag.js) - Google Analytics