html随机抽奖代码(html随机抽奖代码数字)
js随机取号 代码问题
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