和朋友们一起聚会、参加活动，有时候想制作一个小小的抽奖程序来分法纪念品？不知道午饭或晚餐吃什么？你需要一个随机选择工具，来帮助解决你的困难选择症 🙂
为了基于Linux服务器实现可以实时调取摄像头并上传照片的效果，编写时采用了PHP嵌套HTML的方法，在HTML主页面框架的先前插入了以下的PHP代码：
<?php
$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));
}
?>一、基于Linux服务器的实时采集图片
你可以访问演示Demo页面的下一个目录 /camera/index.php 来启用摄像头的功能。
二、JavaScript实现随机选择
原理上是使用了JavaScript来实现对 /images 目录下的所有照片参与随机的选择：
$(function(){
var alldata = new Array(<?php echo $img;?>);
var num = alldata.length - 1;
var show = $("#show");
var btn = $("#btn");
var open = false;
function change(){
var randomVal = Math.round(Math.random() * num);
var prizeName = alldata[randomVal];
show.html("<img src='images/"+prizeName+"' />");
}
function run(){
if(!open){
timer=setInterval(change,50);
btn.removeClass('start').addClass('stop').text('Stop');
open = true;
}else{
clearInterval(timer);
btn.removeClass('stop').addClass('start').text('Start');
open = false;
}
}
btn.click(function(){run();})
})以上代码中用深绿色标注出来的就是timer计时器，用这段代码来控制变换的速度；用红色标注出来的就是选择目录。
