今天要改一个前端,本身就不太喜欢做前端的事,没有办法,后台的东西要结合前端来做。其实也是很简单的一个事,做注册语音验证码的接收。
需求:
1. 如果短信没有接收到验证码,就显示"xxx,如果没有收到短信验证码,请尝试语音获取",“语音获取”是一个超链接,开始它是红色的;
2. 点击“语音获取”后,马上变灰色,点击无效;
3. 70s后,它将成可点击状态。
实现:
<p id="getVoiceVerifyCode" hidden="hidden">收不到短信请点击<a href="javascript:void(0)" onclick="sendVoiceVerifyCode()"><span id="disabledColor" class="red">语音获取</span></a></p>
function recoverColor(){
$("#disabledColor").removeClass("gray9");
$("#disabledColor").addClass("red");
}
function sendVoiceVerifyCode(){
// 点击后不能让用户再次点击了
if($("#disabledColor").hasClass("gray9")){
return;
}
// 点击之后变灰色
$("#disabledColor").removeClass("red");
$("#disabledColor").addClass("gray9");
// 发送请求
// 执行timeout方法
setTimeout(recoverColor,70000);
}
分享到:
相关推荐
1、本示例主要利用jQuery进行传值、页面内容同获取 2、index.htm中加入了js定时循环机制,可以定时传值获取内容,可以用这个机制执行一些定时 查询任务,比如新增数据检索等,也可以加入div+css演变成为右下角提示 3...
实现网页图片定时切换 Jquery图片定时切换展示
jquery定时自动切换banner广告图片动画插件示例.rar
jQuery定时计时器幻灯片是一款带有进度条的图片定时切换幻灯片代码下载
本程序是用Jquery实现网页的定时刷新的程序,简单一眼就可以看清楚。易懂。
使用Jquery定时实现显示隐藏,并且自动填充,,判断显示隐藏文本框,小功能凑字数凑字数凑字数凑字数凑字数
21. jquery定时自动切换banner广告图片动画插件示例 22. jquery实现LightBox图片点击放大效果的图片盒子插件 23. jQuery实现slider图片滚动,单个滚动,成组滚动示例 24. jQuery实现产品图片循坏旋转的代码 25. ...
jquery 图片定时滚动,jQuery+CSS实现的图片滚动效果
根据给定时间进行倒计时(秒)可以根据修改成天。时分秒
jQuery定时计时器幻灯片是一款带有进度条的图片定时切换幻灯片代码下载
html源代码: 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...<head><... charset=utf-8″ />...jquery定时滑出可最小化的底部提示层</title><base targe
能够实现页面局部刷新,及时掌握最新消息,例如小型的聊天功能
jQuery animate封装向上滚动插件,使用定时器setInterval调用封装的插件实现滚动公告
jQuery右下角弹出层插件_可最小化和定时自动关闭
21. jquery定时自动切换banner广告图片动画插件示例 22. jquery实现LightBox图片点击放大效果的图片盒子插件 23. jQuery实现slider图片滚动,单个滚动,成组滚动示例 24. jQuery实现产品图片循坏旋转的代码 25. ...
jQuery带结束播放音乐的定时器代码是一款可以定时1分到60分钟,定时结束播放音乐。
jQuery途牛首页定时幻灯片轮播效果
jQuery 定时局部刷新(setInterval),这里是显示时间的效果代码。
jquery定时自动切换banner广告图片动画插件示例 jquery实现LightBox图片点击放大效果的图片盒子插件 jQuery实现slider图片滚动,单个滚动,成组滚动示例 jQuery实现产品图片循坏旋转的代码 jQuery实现动态图文分组...
21. jquery定时自动切换banner广告图片动画插件示例 22. jquery实现LightBox图片点击放大效果的图片盒子插件 23. jQuery实现slider图片滚动,单个滚动,成组滚动示例 24. jQuery实现产品图片循坏旋转的代码 25. ...