js实现数字滚动,就和摇奖一样,数字滚动中,按一下停止按钮,数字就可以停止了,具体怎么实现这个功能啊

JavaScript013

js实现数字滚动,就和摇奖一样,数字滚动中,按一下停止按钮,数字就可以停止了,具体怎么实现这个功能啊,第1张

我刚好做了一个flash的 摇奖 程序,我吧代码给你吧!如果要全部的就不好发了:

这段是注入txt文本就是需要抽奖人的名单列表:UserList.txt ,中奖名单列表:Save.txt

第一帧代码:

System.useCodepage = true

var UserList:String = ""

var AwardUsers:String = ""

var nowAwardUser:String = ""

var Users:Array

var Users1:Array=new Array()

var Users2:Array=new Array()

var lv:LoadVars = new LoadVars()

var lvs:LoadVars = new LoadVars()

lv.onData = function(s) {

if (s !== undefined) {

UserList = s

Users = UserList.split("\r\n")

for (var i = 0i<Users.lengthi++) {

var infos:Array = Users[i].split(" ")

if (infos[2].toString() == "2") {

Users1.push(infos[0].toString()+" "+infos[1].toString())//能抽所有奖

}

Users2.push(infos[0].toString()+" "+infos[1].toString())//不能抽一等奖的人

}

}

}

lv.load("UserList.txt")

lvs.onData = function(s) {

if (s !== undefined) {

AwardUsers = s

}

}

lvs.load("fscommand/Save.txt")

点击停得代码:我只给出一二等奖的三等奖的和着差不多

on (release) {

var AwardUser:String = ""

//for (var i = 0i<random(Users.length-1)i++) {

var intlength:Number

if (a == "一") {

intlength = random(Users1.length-1)

AwardUser = Users1[intlength].toString()

for(var i=0i<Users2.lengthi++){

if(Users[i].toString()==Users1[intlength].toString()){

Users2.splice(i,1)

}

}

Users1.splice(intlength,1)//移除已经出现过的人员

} else if (a == "二") {

intlength = random(Users2.length-1)

AwardUser = Users2[intlength].toString()

for (var i = 0i<Users1.lengthi++) {

if (Users1[i].toString() == Users2[intlength].toString()) {

Users1.splice(i,1)

}

}

Users2.splice(intlength,1)//移除已经出现过的人员

}

//}

a1.text = AwardUser

var nowdate:Date = new Date()

var year:Number = nowdate.getFullYear()//年

var month:Number = nowdate.getMonth()+1//月

var date:Number = nowdate.getDate()//日

var hours:Number = nowdate.getHours()//小时

var minutes:Number = nowdate.getMinutes()//分钟

var seconds:Number = nowdate.getSeconds()//秒

var datetime:String = year+"-"+month+"-"+date+" "+hours+":"+minutes+":"+seconds

var nowif:String = ""

if (a == "一") {

nowif = AwardUser+" 一等奖 "+datetime+"\r\n"

} else if (a == "二") {

nowif = AwardUser+" 二等奖 "+datetime+"\r\n"

}

nowAwardUser = nowAwardUser+nowif

System.setClipboard(AwardUsers+nowAwardUser)

fscommand("exec", "bcwj.exe")

//t2.text = random(9)

//t3.text = random(9)

//t4.text = random(9)

play()

}

至于你说的那个数字滚动效果没做,我看代码比较麻烦就没写,我滚动用的随机滚动影片剪辑

就是自己用姓名分开,做几个影片剪辑有效果,比用代码用的好,而且没那么卡,很实用。

希望能帮到你。

<button id="show" onclick="zhongjiang()">抽奖</button>

<script type="text/javascript">

function zhongjiang() {

var num = 10*Math.random()

var i = 5

if (i<num) {

alert("亲,你中奖了!!!")

}

else {

alert("很遗憾!")

}

}

</script>

本文实例为大家分享了js抽奖程序的编写代码,以及编写注意事项,感兴趣的小伙伴们可以参考一下

代码:

<!DOCTYPE

html>

<html

lang="en">

<head>

<meta

charset="UTF-8">

<title>简单抽奖(可用键盘)</title>

<style>

*{margin:0padding:0}

.box{width:

400pxheight:

300pxmargin:50px

autobackground:

red}

.title{color:

#ffffont-size:

30pxfont-weight:700pxpadding:

50px

0text-align:

centerheight:40px}

.btm{text-align:

centerpadding:20px

0}

.btm

a{display:

inline-blockwidth:

120pxheight:60pxline-height:

60pxbackground:

#FEF097margin:0

10pxtext-decoration:

none}

</style>

<script>

var

data=['Iphone','Ipad','笔记本','相机','谢谢参与','充值卡','购物券'],

timer=null,//定时器

flag=0//阻止多次回车

window.onload=function(){

var

play=document.getElementById('play'),

stop=document.getElementById('stop')

//

开始抽奖

play.onclick=playFun

stop.onclick=stopFun

//

键盘事件

document.onkeyup=function(event){

event

=

event

||

window.event

//

回车键的code值:13

if(event.keyCode==13){

if(flag==0){

playFun()

flag=1

}else{

stopFun()

flag=0

}

}

}

function

playFun(){

var

title=document.getElementById('title')

var

play=document.getElementById('play')

clearInterval(timer)

timer=setInterval(function(){

var

random=Math.floor(Math.random()*data.length)

title.innerHTML=data[random]

},60)

play.style.background='#999'

}

function

stopFun(){

clearInterval(timer)

var

play=document.getElementById('play')

play.style.background='#FEF097'

}

}

</script>

</head>

<body>

<div

class="box">

<div

class="title"

id="title">淘家趣抽奖</div>

<div

class="btm">

<a

href="javascript:"

id="play">开始</a>

<a

href="javascript:"

id="stop">停止</a>

</div>

</div>

</body>

</html>

注意点:

1.随机数,取数组的其中一个;取0-n之间:Math.random()*(n+1)

2.定时器,开始抽奖时要停止前面的一次抽奖,不然会定时器重叠

3.按键操作,要判断是抽奖进行中,还是未开始,所有设置了变量

flag

想要学习更多关于javascript抽奖功能,请参考此专题:javascript实现抽奖功能

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。