简介：
jQuery自定义数值抽奖活动代码是一款点击开始按钮计算机会产生玩家输入范围内的随机数，点击停止按钮，将显示数字最终结果的效果。效果图如下：
代码如下：
<script type="text/javascript" src="http://down.yulu.jb51.cc/jquery/jquery-1.12.4.min.js">
<script type="text/javascript" src="http://yulu.jb51.cc/texiao/jquery/76/pjs_01.js">
<style type="text/css">
bigDiv {
width: 1080px;
margin: 0px auto; /div网页居中/
background-color: #494949;
color: #FFFFFF;
}
h1 {
text-align: center; /文本居中/
padding-top: 10px;
}
first,#second,#third {
width: 360px;
height: 360px;
font-size: 150px;
line-height: 360px;
text-align: center;
float: left; /让三个盒子左浮动/
}
first {
background-color: #009BFF;
opacity: 0.9;
}
second {
background-color: #007CCC;
}
third {
background-color: #005388;
}
input {
font-size: 30px;
font-weight: 900;
}
start {
margin-left: 40%;
margin-right: 5%;
}a{color:blue;}
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
来源： 代码说明
if (range == null)//http://yulu.jb51.cc/h/bjaf/3siyd3x7.htm
{
return;
}
if (range == 0)
{
return;
}
if (isNaN(range))//http://yulu.jb51.cc/h/bjaf/9vhm2l4f.htm
{
alert("请输入数字");
return ;
}
/将开始标签禁用，停止标签启用/
$("#start")[0].disabled = true;
$("#stop")[0].disabled = false;
if (range > 9999 || range<-999)
{
// by 何问起
$("#bigDiv div").css("font-size","60px");//http://yulu.jb51.cc/h/bjaf/omgdn4mu.htm
//return;
}
myNumber = setInterval(showRandomNum,50);//多长时间运行一次，单位毫秒
});
/点击结束按钮/
$("#stop").click(function () {
/将开始标签启用，停止标签禁用/
$("#start")[0].disabled = false;
$("#stop")[0].disabled = true;
clearInterval(myNumber);
});
});
以上这篇jquery输入数字随机抽奖特效的简单实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。
原文链接：https://www.f2er.com/jquery/47992.html