倒计时按钮

最新推荐文章于 2024-01-24 15:24:22 发布
最新推荐文章于 2024-01-24 15:24:22 发布
阅读量846 收藏 1
点赞数
分类专栏： ASP代码-VBScript 文章标签： border javascript table action function input

申请时强迫用户在一定时间内看注意事项

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

<td>
<table width="300" border="1" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="#CCCCCC" height="20" width="15"> </td>
<td bgcolor="#999999" height="20" width="260">

<div align="center"><font color="#FFFFFF" size="3">申请按钮的等待</font></div>
</td>
<td bgcolor="#CCCCCC" height="20" width="17"> </td>
</tr>
</table>
</td>
<td width="10"><span href="UserCollect.asp?action=add&id=1664" target="Collect"><span src="images/javascript_pic/sc.gif" border="0" width="157" height="80"></span></td>
</tr>
</table>
<br>
<fieldset style="width:500;height:50"><legend>效果显示区</legend>

<FORM action=register.cgi method=post name=agree>
<CENTER><INPUT name=agreeb type=submit value="请认真查看<服务条款和声明> (15 秒后继续)">　　
<INPUT οnclick=history.back(-1) type=reset value=" 我 不 同 意 ">
</CENTER></form>
<SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
if(num == secs) {
document.agree.agreeb.value =" 我 同 意 ";
document.agree.agreeb.disabled=false;
}
else {
printnr = secs-num;
document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +" 秒后继续)";
}
}
//-->
</SCRIPT>
</fieldset>

<br><br><br>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#CCCCCC" width="15" height="16"> </td>
<td width="96" bgcolor="#000000" height="16">
<div align="center"><font color="#FFFFFF">脚本说明：</font></div>
</td>
<td width="389" height="16"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="zf">
<textarea name="textfield" cols="80" rows="10" class="textfield">脚本说明:

把如下代码加入<body>区域中
<FORM action=register.cgi method=post name=agree>
<CENTER><INPUT name=agreeb type=submit value="请认真查看<服务条款和声明> (15 秒后继续)">　　
<INPUT οnclick=history.back(-1) type=reset value=" 我 不 同 意 ">
</CENTER></form>
<SCRIPT language=javascript>
<!--
var secs = 15;
document.agree.agreeb.disabled=true;
for(i=1;i<=secs;i++) {
window.setTimeout("update(" + i + ")", i * 1000);
}
function update(num) {
if(num == secs) {
document.agree.agreeb.value =" 我 同 意 ";
document.agree.agreeb.disabled=false;
}
else {
printnr = secs-num;
document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +" 秒后继续)";
}
}
//-->
</SCRIPT>






</textarea> 

 

txz2003
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS倒计时 按钮
bingqingsuimeng的专栏
12-02 2687
JS实现按钮等待倒计时效果丨网页学习网丨WWW.lodidance.com JS实现按钮等待倒计时效果 document.zzjs_net.Submit.disabled = true; var speed = 1000; //速度 var wait = 10; //停留时间 function updateinfo(){ if(wait == 0
安卓倒计时按钮TimeButton
02-06
在Android应用开发中，"安卓倒计时按钮TimeButton"是一个常见的组件，它通常用于用户请求操作，如发送验证码或重置密码等场景。当用户点击该按钮后，按钮会开始倒计时，并在倒计时结束后恢复到可点击状态，提供了一...
Vue写一个简单的倒计时按钮功能
08-27
Vue实现倒计时按钮功能 在Vue项目开发中，经常会遇到发送验证码、点击后有60秒倒计时的按钮。今天，我们将分享如何基于Vue实现一个简单的倒计时按钮功能。 知识点1：使用Vue实现倒计时按钮 在项目开发中，我们经常...
Swift倒计时按钮Demo
01-10
Swift倒计时按钮是一种常见且实用的组件，常用于验证码获取、限时优惠等场景。这个“Swift倒计时按钮Demo”就是一个很好的实例，展示了如何用Extension来封装倒计时功能，使其易于复用和维护。 首先，我们来看“倒...
js实现的倒计时按钮实例
10-24
JavaScript实现倒计时按钮的实例是一个非常实用的技术，它可以帮助开发者在网页中实现各种倒计时功能，例如限制用户操作的时间、创建倒计时促销活动等场景。为了实现这个功能，我们需要利用JavaScript的几个关键点：...
计时器案例——倒计时按钮
m0_59069386的博客
02-07 467
按下后开始倒计时，只有倒计时结束后，才能重新按下。 <!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" content="ie=e
按钮倒计时实现
Cesar的博客
06-15 494
/** 按钮倒计时 @param btn 显示倒计时的按钮 */ + (void)startTimeWithBtn:(UIButton *)btn { __block int timeout=59; //倒计时时间 dispatch_queue_t queue = dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFA...
倒计时Button，及Button样式
as4061218的博客
06-02 846
鉴于经常在注册获取验证码时候需要一个倒计时按钮觉得很麻烦,抽点时间写了一个TimeButton 开始一直为Button既要接受用户的onclick事件纠结,因为我封装的里面也是用onclick事件来实现点击效果的 这样势必有两个onclick事件而产生冲突,随后还是解决了,在封装的类里面定义了一个onlick变量储存用户的onclick 事件.而刚好本身的onclick事件和用户的是同步的只
Android自定义View：倒计时按钮（获取验证码按钮）
DeMonnnnnn
06-26 1473
效果图 CountDownTimer类 Java自带的倒计时器类，使用方法如下： 继承该类，初始化参数super(millisInFuture, countDownInterval);//参数依次为总时长,和计时的时间间隔 重写两个方法onTick(long millisUntilFinished) //计时过程中执行的方法和onFinish() //计时结束执行的方法。 使用：T...
一个自定义倒计时button
hpp_1225的博客
12-12 367
这是一个倒计时功能的button。 使用的时候，btn对象直接调用start，cancel方法就可以实现开始计时，取消计时 public class CountdownButton extends android.support.v7.widget.AppCompatButton { private final int able = R.drawable.plat_conditio...
JS实现按钮倒计时
西油骄子--Debug
09-30 1111
点击按钮实现倒计时         var countdown=10;  function settime(val) {  if (countdown == 0) {  val.removeAttribute("disabled");     val.value="免费获取验证码";  countdown = 10;  if(countdown==10){ retu
JS实现点击按钮显示倒计时
最新发布
m0_66403070的博客
01-24 1156
JS实现点击按钮显示倒计时
原生js点击按钮倒计时
24min的博客
05-21 1393
&lt;! DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title &gt;111&lt;/title&gt; &lt;style type ="text/css"&gt;&lt;/style&gt; &lt;script ty
自定义倒计时跳过按钮
CallousToTheEnd的博客
04-26 1892
倒计时跳过按钮
用vue实现验证码倒计时按钮
07-12
你可以使用Vue来实现验证码倒计时按钮。下面是一个简单的示例： 首先，在你的Vue组件中，你需要定义一个倒计时的变量和一个按钮状态的变量： ```vue <template> <div> <button :disabled="countdown > 0" @click="startCountdown">{{ buttonText }}</button> </div> </template> <script> export default { data() { return { countdown: 0, buttonText: '获取验证码' }; }, methods: { startCountdown() { this.countdown = 10; // 设置倒计时时间 this.buttonText = `${this.countdown} 秒后重新发送`; const timer = setInterval(() => { this.countdown--; this.buttonText = `${this.countdown} 秒后重新发送`; if (this.countdown === 0) { clearInterval(timer); this.buttonText = '获取验证码'; } }, 1000); } } }; </script> ``` 在上面的代码中，我们使用了一个按钮和一个文本来显示倒计时信息。当点击按钮时，`startCountdown` 方法会被调用。在 `startCountdown` 方法中，我们使用 `setInterval` 来每秒更新倒计时时间，并根据时间的变化更新按钮的文本。当倒计时结束后，我们清除定时器并将按钮文本重置为初始状态。 请注意，这只是一个简单的示例，你可能需要根据你的实际需求进行修改和扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值