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

2024年11月23日发(作者：)

jquery输入数字随机抽奖特效的简洁实现

代码_

下面我就为大家带来一篇老生常谈JavaScript数组

的用法。我觉得挺不错的，现在就分享给大家，也给大家做

个参考。

简介：jQuery自定义数值抽奖活动代码是一款点击开头按

钮计算机会产生玩家输入范围内的随机数，点击停止按钮，

将显示数字最终结果的效果。

效果图如下：

代码如下:

!DOCTYPE html

html

head

meta charset="UTF-8"

titlejQuery自定义数值抽奖活动代码 - 脚本之家

/titlebase target="_blank" /

script type="text/javascript" src=""代码说明/a/p

/div

/body

/html

js文件代码如下：

var ran = 0;

var range = 0;

var myNumber;

/*将产生随机数的方法进行封装*/

function sjs(range) {

ran = () * range;//[0,range)的随机数

var result = parseInt(ran);//将数字转换成整数

return result;

}

/*对显示随机数的方法进行封装*/

function showRandomNum() {

var figure = sjs(range);

$("#first").html(figure);

var figure2 = sjs(range);

$("#second").html(figure2);

var figure3 = sjs(range);

$("#third").html(figure3);

}

$(function () {

/*点击开头按钮,产生的大事*/

$("#start").click(function () {

range = prompt("请输入随机数范围：", "168");

if (range == null)//

{

return;

}

if (range == 0)

{

return;

}

if (isNaN(range))//

{

alert("请输入数字");

return ;

}

/*将开头标签禁用，停止标签启用*/

$("#start")[0].disabled = true;

$("#stop")[0].disabled = false;

if (range 9999 || range-999)

{

// by 何问起

$("#bigDiv div").css("font-size", "60px");//

//return;

}

myNumber = setInterval(showRandomNum, 50);//多长

时间运行一次，单位毫秒

});

/*点击结束按钮*/

$("#stop").click(function () {

/*将开头标签启用，停止标签禁用*/

$("#start")[0].disabled = false;

$("#stop")[0].disabled = true;

clearInterval(myNumber);

});

});

以上这篇jquery输入数字随机抽奖特效的简洁实现代码

就是我分享给大家的全部内容了，盼望能给大家一个参考

...