博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
一个简单的倒计时函数
阅读量:6226 次
发布时间:2019-06-21

本文共 1029 字,大约阅读时间需要 3 分钟。

今天写app的注册页面, 牵扯到了发送验证吗的间隔时间, 就要写一个倒计时函数, 倒计时期间禁用发送验证码的按钮, 页面显示倒计时秒数

JIrMGsjioBPIqD84pPTroNWBHIFAeWXXIFZG1EEfBIB5RefnHYdtCKQKwj8P0qo9dG8MBuOAAAAAElFTkSuQmCC

APICloud的方法

// 倒计时    function countDown() {        var n = 60;        var inta = setInterval(function(){            // 设置.time的文本            $api.text($api.dom('.time'), n);            // 显示倒计时标签            $api.css($api.dom('p'), 'display:block');            // 禁用发送验证码按钮             $api.attr($api.dom('.hqyzm'), 'disabled', 'true');             // 修改发送验证码按钮颜色            $api.css($api.dom('.hqyzm'), 'border: 1px solid #d0d0d0;color: #9d9d9d;');            // 减去倒计时            n--;            if (n < -1) {                // 清除定时器                clearInterval(inta);                // 倒计时完毕后修改按钮颜色                iptChange();                // 隐藏倒计时标签                $api.css($api.dom('p'), 'display:none');                // 把倒计时标签清空                $api.text($api.dom('.time'), '');                // 初始化时间                n = 60;            }        },1000)    }

可以设置页面中的倒计时

    
Document

转载于:https://www.cnblogs.com/mr-yuan/p/6753292.html

你可能感兴趣的文章
与我一起学正则
查看>>
练就Java24章真经—你所不知道的工厂方法
查看>>
手游中实时音视频的开发经验与实现技巧
查看>>
saiku+kettle整合(十)缓存控制
查看>>
微信支付,支付宝支付,银联支付——三大支付总结
查看>>
Android Sunflower 带您玩转 Jetpack
查看>>
Android 应用兼容性最佳实践 | 中文教学视频
查看>>
SQL语句笔记
查看>>
iOS笔记之数组排序
查看>>
从零开始撸一个Fresco之硬盘缓存
查看>>
0901 - 虽已马不停蹄,无奈时光飞逝
查看>>
keep-loader for webpack
查看>>
padding-使用必记
查看>>
Vue教程12:多视图
查看>>
Express 与 koa 中间件模式对比
查看>>
Go 1.12 版本的新特性
查看>>
Servlet第三篇【request和response简介、response的常见应用】
查看>>
Mybatis第五篇【Mybatis与Spring整合】
查看>>
[译]PEP 380--子生成器的语法
查看>>
优雅的类写法
查看>>