jquery输入数字随机抽奖特效的简单实现代码

简介：jQuery自定义数值抽奖活动代码是一款点击开始按钮计算机会产生玩家输入范围内的随机数，点击停止按钮，将显示数字最终结果的效果。

效果图如下：

代码如下：

！DOCTYPE htmlhtmlhead元字符集='UTF-8 '标题查询自定义数值抽奖活动代码-我们/title base target=' _ blank '/script type=' text/JavaScript ' src=' http :3358 down。鲁豫。JB 51。net/jquery/jquery-1。12 .4 .量滴js '/脚本类型=' text/JavaScript ' src=' http :http://鲁豫。JB 51。净额/肖特/jquery/76/pjs _ 01。js '/脚本样式类型='margin: 0px '自动；/*div网页居中*/背景色： # 494949;color : # FFFFFF } h1 { text-align : center；/*文本居中*/padding-top : 10px；} #第一，#第二，#第三{ width : 360 pxhire : 360 pxfont-size : 150 px；线高： 360 px文本对齐：中心；向左浮动：/*让三个盒子左浮动*/} #第一个{底色： # 009 BFFopacity: 0.9 } #秒{底色： # 007 CCC} #第三{背景色： # 005388；}输入{ font-size : 30px字体粗细： 900；} # start { margin-left : 40%；保证金-权利： 5%;} a { color : blue }/style/head body div id=' BigDiv ' h1玩家幸运抽奖活动/h1 div id=' first '/div div id=' second '/div div id=' third '/div输入类型='按钮'值='开始id='start '输入类型='按钮'值='停止id=' stop ' disabled=' disabled '/div div style=' text-align : center；余量：50 px 0；font : normal 14px/24px ' MicroSoft YaHei '；p适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗p/p来源：a href='http://yulu.jb51.net '我们/aa href=' http://鲁豫。JB 51。净额/肖特/'特效库/aa href=' http://鲁豫。JB 51。net/h/bjaf/07 a7 l2on。' htm '代码说明/a/p /div/body/htmljs文件代码如下：

var ran=0；定义变量范围=0;var myNumber/*将产生随机数的方法进行封装*/函数sjs(范围){ ran=Math。random()*范围；//[0,范围)的随机数var result=ParSeint(ran)；//将数字转换成整数返回结果；}/*对显示随机数的方法进行封装*/函数showRandomNum(){ var图=sjs(范围)；$('#first ').html(图);定义变量图2=sjs(范围);$(' #秒').html(图2);定义变量图3=sjs(范围);$(' #第三').html(图3);}$(function () { /*点击开始按钮，产生的事件*/$(“# start”).单击(function () { range=prompt('请输入随机数范围：', '168');if(range==null)//http://鲁豫。JB 51。net/h/bjaf/3 siyd 3x 7。htm { return} if(range==0){ return；} if(ISnan(range))//http://鲁豫。JB 51。net/h/bjaf/9vhm 2l 4f。htm { alert('请输入数字');返回；} /*将开始标签禁用，停止标签启用*/$("# start")[0].disabled=true$("# stop")[0].disabled=falseif(范围9999 ||范围-999) { //by何问起$('#bigDiv div ').css('font-size '，' 60px ')；//http://鲁豫。JB 51。净/高/bjaf/omgdn 4亩。htm//return；} myNumber=设置间隔(showRandomNum，50)；//多长时间运行一次，单位毫秒});/*点击结束按钮*/$('#stop ').click(function () { /*将开始标签启用，停止标签禁用*/$("# start")[0].disabled=false$("# stop")[0].disabled=trueclearInterval(我的号码);});});以上这篇框架输入数字随机抽奖特效的简单实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。