和朋友们一起聚会、参加活动,有时候想制作一个小小的抽奖程序来分法纪念品?不知道午饭或晚餐吃什么?你需要一个随机选择工具,来帮助解决你的困难选择症 🙂
为了基于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计时器,用这段代码来控制变换的速度;用红色标注出来的就是选择目录。
