Foxtable(狐表)用户栏目专家坐堂 → 如何写代码才能60秒递减?实现60秒后,才可以重点此按钮?


  共有2424人关注过本帖树形打印复制链接

主题:如何写代码才能60秒递减?实现60秒后,才可以重点此按钮?

帅哥哟,离线,有人找我吗?
zhangjian222200
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1533 积分:10818 威望:0 精华:0 注册:2016/9/12 11:18:00
如何写代码才能60秒递减?实现60秒后,才可以重点此按钮?  发帖心情 Post By:2017/10/27 23:51:00 [只看该作者]

Dim e As RequestEventArgs = args(0)                             '注册第1页,注册
Dim wb As New weui
wb.AddTopTips("","toptip1","") '用于显示动态错误提示

wb.AddForm("","form1","register.htm").Attribute="onsubmit='return validit_register()'"
With wb.AddInputGroup("form1","ipg1","快速注册")
    With .AddInputCell("ic1")  '通过InputCell增加输入框(1表示突出显示,2表示红色警示图标)
        .AddLabel("lsj","手机号码",0)  '增加标签(0显示在左边)
        .AddInput("isj","text",1).PlaceHolder= "请输入手机号"  '增加输入框(0靠左显示,1居中显示,2靠右显示)
    End With
    With .AddInputCell("ic2")
        .AddLabel("lyz","验证码",0)
        .AddInput("iyz","text",1).PlaceHolder= "请输入验证码"
        .AddVcodeButton("vyz","获取验证码",2).Attribute="onclick='validit_register_fasongduanxin()'"   '点获取验证码后,如何写代码才能60秒递减?实现60秒后,才可以重点此按钮?
    End With
    With .AddInputCell("ic3")
        .AddLabel("lmm","我的密码",0)
        .AddInput("imm","text",1).PlaceHolder= "请输入密码"
    End With
    With .AddInputCell("ic4")
        .AddLabel("lyqm","邀请码",0)
        .AddInput("iyqm","text",1).PlaceHolder= "请填写邀请码,非必填!"
    End With
    .AddSelect("sxb","我的性别","注册后,性别不可更改!|男|女")
    .AddSwitch("fuwuxieyi","同意协议").Value = "是"
    With wb.AddButtonGroup("form1","btg1",True)
        .Add("btn1", "点此注册", "submit")
        .Add("btn2", "服务协议", "","/protocol.htm").Kind = 1
    End With
End With

wb.AppendHTML("<script src='./lib/ajaxform_register_fasongduanxin.js'></script>") '引入脚本文件
wb.AppendHTML("<script src='./lib/ajaxform_register.js'></script>") '引入脚本文件
e.WriteString(wb.Build)


图片点击可在新窗口打开查看此主题相关图片如下:qq图片2017102723534111.png
图片点击可在新窗口打开查看

[此贴子已经被作者于2017/10/28 0:02:31编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1533 积分:10818 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/10/28 8:00:00 [只看该作者]

这里是涉及楼上页面的代码:
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:ajaxform_register.txt


 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:ajaxform_register_fasongduanxin.txt


 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:fasongduanxin函数代码.txt



 回到顶部
帅哥,在线噢!
有点蓝
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:106306 积分:540665 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2017/10/28 9:05:00 [只看该作者]

只能使用js控制,参考:http://www.w3school.com.cn/js/js_timing.asp

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1533 积分:10818 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/10/28 9:40:00 [只看该作者]

看了楼上提示,还麻烦提示:如何写进foxtable代码?

 回到顶部
帅哥,在线噢!
有点蓝
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:106306 积分:540665 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2017/10/28 10:23:00 [只看该作者]

在点击按钮的js事件里调用js计时器的代码,这种完全和后台没有关系

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1533 积分:10818 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/10/28 20:13:00 [只看该作者]

原js代码:
function validit_register_fasongduanxin(){
var result = sendAjaxText(document.getElementById("isj").value,"fasongduanxin.htm","",false);
alert(result);  //result:提示短信有效时间是2分钟
}

改成下面这样
function validit_register_fasongduanxin(){
var result = sendAjaxText(document.getElementById("isj").value,"fasongduanxin.htm","",false);
//alert(result);  
setTimeout("alert(result);",60000) //60秒,短信正常发出,但是60秒后,会提示有效时间2分钟,感觉有点突兀,怎么办?
}
[此贴子已经被作者于2017/10/28 21:06:05编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/10/29 23:49:00 [只看该作者]

 先认认真真看懂代码 http://www.w3school.com.cn/js/js_timing.asp

 

 每个例子都看一下测试一下。你可以设置成1秒执行一次啊,每一次递减1,显示出来;或者是60秒后,再设置按钮可用。


 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1533 积分:10818 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/10/30 9:53:00 [只看该作者]

function validit_register_fasongduanxin(){
var result = sendAjaxText(document.getElementById("isj").value,"fasongduanxin.htm","",false);
//alert(result);
//setTimeout("alert(result);",60000) //60秒
}

1.在6楼js代码后面加上了如下代码,页面代码见1楼
2.在本机测试,点击按钮“获取验证码”,如何调用下面2个函数?
var c=60
var t
function timedCount()
{
document.getElementById('vyz').value=c
c=c-1
t=setTimeout("timedCount()",1000)
}

function stopCount()
{
c=0;
setTimeout("document.getElementById('vyz').value=0",0);
clearTimeout(t);
}

 回到顶部
帅哥哟,离线,有人找我吗?
有点甜
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:版主 帖子:85326 积分:427815 威望:0 精华:5 注册:2012/10/18 22:13:00
  发帖心情 Post By:2017/10/30 10:13:00 [只看该作者]

var c=10
var t

function validit_register_fasongduanxin() {
if(c==10){
c = 10;
timedCount();
}
}
function timedCount()
{
 c=c-1;
 document.getElementById('vyz').innerHTML= c + "秒后"
  if(c==0){
   stopCount();
  } else {
   t=setTimeout("timedCount()",1000)
  }
}


function stopCount()
{
 c=10;
 document.getElementById('vyz').innerHTML= "获取验证码"
 clearTimeout(t);
}


 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1533 积分:10818 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/10/30 10:32:00 [只看该作者]

var c=10
var t
function validit_register_fasongduanxin() {
var aa =document.getElementById("isj")
if(){
  这里如何判断手机正确?
}
var result = sendAjaxText(document.getElementById("isj").value,"fasongduanxin.htm","",false);
测试成功,加上上面这句代码,当手机没有输入的时候,提示错误如下:如何在js
if(c==10){
c = 10;
timedCount();
}
}
function timedCount()
{
 c=c-1;
 document.getElementById('vyz').innerHTML= c + "秒可重发"
  if(c==0){
   stopCount();
  } else {
   t=setTimeout("timedCount()",1000)
  }
}

function stopCount()
{
 c=10;
 document.getElementById('vyz').innerHTML= "获取验证码"
 clearTimeout(t);
}

.NET Framework 版本:2.0.50727.3655
Foxtable 版本:2017.10.16.1
错误所在事件:自定义函数fasongduanxin
详细错误信息:
调用的目标发生了异常。
值不能为空。
参数名: input
[此贴子已经被作者于2017/10/30 10:35:40编辑过]

 回到顶部
总数 14 1 2 下一页