做一个倒计时120秒的例子
2016-06-13 18:03
316 查看
最近在做项目时用到了倒计时功能,需要在页面提醒用户还剩多少秒重新发送短信。
HTML代码如下:
<a href="javascript:sendFindPwdCode(code);" id="sendMobileCode" class="btn"><s></s>获取短信校验码</a>
<div class="clr"></div>
<div id="xxx" style="display:none" class="xxx">校验码已发出,请注意查收短信,如果没有收到,你可以在<span id="let">120</span>秒后要求系统重新发送</div>
javascript代码如下:
function sendFindPwdCode(code){
document.getElementById('timeDiv').style.display='block';
time();
document.getElementById('timeDiv').style.display='none';
}
function time(){
var span=document.getElementById('let');
var left= span.innerText - 1;
console.log(left)
if(left >= 0){
span.innerText=left;
setTimeout(time,999);
}
}
需要注意的是,我刚开始在用setTimeOut函数的时候,是这样用的setTimeout(time(),999);这样有问题,页面直接就跑到0秒了,后来请人指导才指导setTimeout(time后面是不能加括号的。
特此记录一下
HTML代码如下:
<a href="javascript:sendFindPwdCode(code);" id="sendMobileCode" class="btn"><s></s>获取短信校验码</a>
<div class="clr"></div>
<div id="xxx" style="display:none" class="xxx">校验码已发出,请注意查收短信,如果没有收到,你可以在<span id="let">120</span>秒后要求系统重新发送</div>
javascript代码如下:
function sendFindPwdCode(code){
document.getElementById('timeDiv').style.display='block';
time();
document.getElementById('timeDiv').style.display='none';
}
function time(){
var span=document.getElementById('let');
var left= span.innerText - 1;
console.log(left)
if(left >= 0){
span.innerText=left;
setTimeout(time,999);
}
}
需要注意的是,我刚开始在用setTimeOut函数的时候,是这样用的setTimeout(time(),999);这样有问题,页面直接就跑到0秒了,后来请人指导才指导setTimeout(time后面是不能加括号的。
特此记录一下
相关文章推荐
- 编程之美2.6精确表达浮点数Java版
- iOS App集成Apple Pay教程(附示例代码)
- 自定义Textview实现类似电池进度条的效果
- STM32F4 discovery 开发板 UART1 问题
- django_web代码更新
- dubbo典型协议、传输组件、序列化方式组合性能对比测试
- iis设置其他人(禁止访问: 访问被拒绝。)
- ARC工程转换和开发注意事项
- oracle 给 scott 用户授权 创建表空间
- hihocoder #1015 kmp
- opencv的Filestorage,待学习
- HashMap实现原理
- BZOJ4597: [Shoi2016]随机序列
- C#属性和变量的区别学习
- android java.io.IOException: open failed: EBUSY (Device or resource busy)
- Android_Vitamio使用(待完善)
- hdu 2119 Matrix【最小点覆盖-二分匹配】
- iOS中的内边距是什么
- [C++ 面试基础知识总结] 顺序容器
- 构建之法阅读笔记06