淘建站为您提供更多_抽奖_抽奖_拍照,在此特别感谢您对我们的支持与厚爱!
演示不了,点击反馈
下载 299 次
觉得不错,可打赏下作者
免费共享
遍历要抽奖人的头像(你可以把要抽奖的人的头像直接放在images文件下面)
$dir = "images/";
$img = "";
if (is_dir($dir)) {
if ($dh = opendir($dir)) {
while (($file = readdir($dh)) != false) {
if ($file <> '' && strlen($file) > 2) {
$img .= '"' . $file . '",';
}
}
}
$img = substr($img, 0, ( strlen($img) - 1));
}若没有头像,可调用webcam在线拍照
<a href="photo">拍照</a>定义变量
var alldata = new Array(<?php echo $img; ?>);
var num = alldata.length - 1;
var show = $("#show");
var btn = $("#btn");
var open = false;抽奖html代码
<div class="wrap">
<div class="show" id="show">点击按钮开始抽奖</div>
<div class="btn">
<a href="javascript:void(0)" class="start" id="btn">开始抽奖</a>
</div>
</div>开始抽奖和停止抽奖js代码
function run() {
if (!open) {
timer = setInterval(change, 30);
btn.removeClass('start').addClass('stop').text('停止');
open = true;
} else {
clearInterval(timer);
btn.removeClass('stop').addClass('start').text('开始抽奖');
open = false;
}
}
btn.click(function() {
run();
})随机抽奖
function change() {
var randomVal = Math.round(Math.random() * num);
var prizeName = alldata[randomVal];
show.html("<img src='images/" + prizeName + "' />");
}

