首頁 > php教程 > PHP源码 > js年會抽獎程序

js年會抽獎程序

大家讲道理
發布: 2016-11-09 09:46:23
原創
2975 人瀏覽過

年會抽獎用。嘉賓入場後一一線上拍照,照片入庫後,可以對照片進行抽獎。
程式碼託管在開源中國,有需要的歡迎下載。

http://git.oschina.net/caichong/nianhui_choujiang

$(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=&#39;images/"+prizeName+"&#39; / alt="js年會抽獎程序" >");
        }
         
        function run(){
            if(!open){
                timer=setInterval(change,30);
                btn.removeClass(&#39;start&#39;).addClass(&#39;stop&#39;).text(&#39;停止&#39;);
                open = true;
            }else{
                clearInterval(timer);
                btn.removeClass(&#39;stop&#39;).addClass(&#39;start&#39;).text(&#39;开始抽奖&#39;);
                open = false;
            }
        }
         
        btn.click(function(){run();})
         
    })
登入後複製


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
最新問題
angular.js - angularjs 怎麼封裝 upload 上傳
來自於 1970-01-01 08:00:00
0
0
0
java - springboot新手學習
來自於 1970-01-01 08:00:00
0
0
0
spring - JavaWeb中 Service 層的事務問題
來自於 1970-01-01 08:00:00
0
0
0
熱門推薦
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板