数字验证码

实现效果:4位随机数字的验证码;

数字验证码

数字验证码

实现关键思路:

1、实现的关键函数包括:round(四舍五入)、rand(随机数)、concat(连接);

2、rand函数能生成0-1之间的随机数,比如0.1234412…..0.001231323…..等,为了获得4位整数,我们可以让rand乘以10000,即可获得类似1234.1232134.。。。或者234.1233….等等;

3、通过rand乘以10000获得的数还不符合我们4位整数的要求,它还有小数,所以我们接着用round函数,把所获得值取第0位,也就是小数点后面的数字全部不要,这样获得数值可能为4位整数、3位整数、2位整数或1位整数;

4、用round函数之后,还不能确保是4位整数,所以我们用concat函数,如果是3位整数,我们在前面补一个0,如果是2位整数,我们在前面补两个0,如果是1位整数,我们在前面补三个0;

5、创建一个变量,把所获得值赋予给它,然后判断变量值得大小,来补0,最后在加载页面时,及“换一张”处添加同样的事件。

演示地址:http://www.jmfans.com/example/szyzm/index.html

演示和原型下载请到QQ群下载:374358071,欢迎关注微信公众号:justinmind.

原文链接:,转发请注明来源!

发表评论

要发表评论,您必须先登录