Math.random()实现验证码

作者:林炜贤来源:www.163css.com发表时间:(2013-06-23)

 关于验证码,我想大家经常用,一般出现在网站注册时:

这个功能,一般是通过程序实现的,常用的是ajax,用户输错了,从服务器自动返回数据,就可以实现验证码的更新。

今天我们试下用Math.random来实现验证码的功能:

大家可以看下,我先定义了一个数组,然后通过4次循环,组合出4个字符,这里就用到了Math.random(),通过乘以长度,实现随机取数组里的字符。

这样,用户就会看到一个4位数的验证码了。

当我点击切换按钮时,我再执行一次函数,就会出现另一个验证码了,不过,会不会出现同样的呢?这个机率会是多少?

我们就当作学习Math.random的用法吧。。。

以下是我制作的效果截图:

以下我提供源文件,欢迎有需要的朋友下载使用:

预览地址:http://www.163css.com/hihilinxuan/cssjs/2013/06/yzm/index.html

下载地址:Math.random()实现验证码.zip

返回作者主页:www.163css.com阅读 (3540)
更多 1