筑暻原创文章平台
小蜜提示:阅读本文预计消耗
6
分钟
和朋友们一起聚会、参加活动,有时候想制作一个小小的抽奖程序来分法纪念品?不知道午饭或晚餐吃什么?你需要一个随机选择工具,来帮助解决你的困难选择症。
Github 项目地址:https://github.com/windmill0503/randomSelection
为了基于Linux服务器实现可以实时调取摄像头并上传照片的效果,编写时采用了PHP嵌套HTML的方法,在HTML主页面框架的先前插入了以下的PHP代码:
'' && 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(); 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(""); }
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()) })
以上代码中用深绿色标注出来的就是timer计时器,用这段代码来控制变换的速度;用红色标注出来的就是选择目录。
领取专属 10元无门槛券
私享最新 技术干货