html随机抽奖代码(html随机抽奖代码数字)

http://www.itjxue.com  2023-02-18 23:09  来源:未知  点击次数: 

js随机取号 代码问题

html

head

title随机抽奖程序/title

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

/head

body

script type="text/javascript"

var alldata = "a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z"

var alldataarr = alldata.split(",");

var num = alldataarr.length-1 ;

var timer;

var result = [];

function change() {

alldataarr[GetRnd()];

}

function start() {

clearInterval(timer);

timer = setInterval('change()', 10);

}

function ok() {

clearInterval(timer); document.getElementById("showresult").value = document.getElementById("oknum").innerText;

}

function GetRnd() {

result = [];

for (var i = 0; i 4; i++) {

var ranNum = Math.ceil(Math.random() * 25); //生成一个0到25的数字

//大写字母'A'的ASCII是65,A~Z的ASCII码就是65 + 0~25;然后调用String.fromCharCode()传入ASCII值返回相应的字符并push进数组里

result.push(String.fromCharCode(65 + ranNum));

}

document.getElementById('oknum').innerText = result.toString();

}

/script

div

div id="oknum"

请单击开始

/div

button onclick="start()" accesskey="s"开始/button

button onclick="ok()" accesskey="o"停止/button 您的选择是:

input type="text" id="showresult" value="" /

/div

/body

/html

html随机抽取图片,不重复抽取怎么实现

这个很简单

做一个array内含图片数量个位置

var arr = [false,false,false,false,false,false,false];

写一个函数reset,判断是否全部图片显示过一遍,是则重置,让图片重新显示一遍

function reset(){

var alltrue = true;

for(var i=0;iarr.length;i++){

if(!arr[i]) alltrue = false;

}

if(alltrue) arr = [false,false,false,false,false,false,false];

}

然后每次随机一个x0-6的数字x,判断arr[x] true则重新随机,false 则显示图片,更新arr[x]为true,检查reset重置

就可以了

求大神帮我写一段效果,名为b的div横向无缝滚动5s后跳出一个名为c的弹出框,类似随机抽奖

你好,代码如下,弹窗我建议你使用成熟的弹窗插件,比如layer等,望采纳

script

var bArr = document.getElementsByClassName("b");//获取class为b的元素集合

var stop = true;//停止标志

//这里定时5秒后重置stop标志位,并弹框

setTimeout(function(){

stop = false;

alert("弹窗代码")//这里执行弹窗代码

}, 5000);;

changeDiv(0,bArr.length);

function changeDiv(currIndex,length){

if(stop){

if(currIndex == length){

currIndex = 0;

}

//这里开始给所有div赋背景色

for(var i=0;ilength;i++){

if(currIndex==i){

bArr[i].style.backgroundColor="red";

}else{

bArr[i].style.backgroundColor="blue";

}

}

//这里起到一个定时的效果,一秒钟切换一次

setTimeout(function(){ changeDiv(++currIndex,length) }, 1000);//倒计时间隔1秒

}

}

/script

(责任编辑:IT教学网)

更多

推荐DNS服务器文章