php+jquery+ajax开发抽奖功能模块下载
php+jquery+ajax实现抽奖系统模块代码如下:
首页在抽奖前需要将所有人员的参与名单在屏幕上滚动显示,所以就用jquery实现了,
1. 参与名单将放在一个txt文件里面,我将放到 phones.txt:
首先用ajax读取读取数据:
<script type="text/javascript"> $(document).ready(function(){ var phones; var list_phones = ''; $.ajax({ url: './get_set.php', type: 'POST', dataType: 'text', data: {'action' : 'get'}, success: function(data){ if(data && data != ''){ phones = data; phones = phones.split(','); //开始将参与名单滚动 for(var j=0; j<phones.length; j++){ list_phones += phones[j] + '<br />'; } var list_content = $('<div />').addClass('list-div').css({'position' : 'relative', 'top' : 0}).html(list_phones); $('#list-phones').append(list_content); //alert($('#list-phones').html()); //alert($('.list-div').height()); } } }); //list-phones : height=3162 - 200; var list_phones_h = 0; var list_start = setInterval( function(){ if(parseInt($('.list-div').position().top) < -2962){ $('.list-div').animate({top : 0}); list_phones_h = 0; } $('.list-div').animate({top : '-' + list_phones_h + 'px'}, function(){list_phones_h+=34;}); }, 1000 ); var start; //中奖名单 var $s = ''; //奖项 var jx; //是否开始 var flag = false; $('#start').click(function(){ start_chou(); }); $('#stop').click(function(){ stop_chou(); }); $(window).bind('keydown', function(event){ if(event.keyCode === 32){ !flag ? start_chou() : stop_chou(); } }); //开始抽奖 function start_chou(){ if(phones.length == 0){ $('#texes').val('error: 都抽完了,没有可参与的抽奖名单了!'); $('#current').val(''); return; } //关闭滚动 clearInterval(list_start); $('#list-phones').detach(); jx = $("input[name='jx']:checked").val(); if(!jx || jx == ''){ $('#texes').val('您还没有设置本次抽奖奖项!'); return; } if(!flag){ //alert(jx); $('#current').val(''); $('#texes').val('正在随机抽取,请耐心等待......'); flag = true; setTimeout(function(){ start = setInterval(function(){ $('#rrss').val(function(){ var len = phones.length; var rand = Math.floor(Math.random() * len); //console.log(rand); return phones[rand]; }); $('#current').val(Math.floor(Math.random() * 100000000000000000)); },1); }, 500); } } //停止抽奖 function stop_chou(){ if(flag){ flag = false; clearInterval(start); $('#current').val($('#rrss').val()); if(jx === 'tex'){ $s += '特等奖: ' + $('#current').val() + ','; $('#texes').val('特等奖!'); }else if(jx === 'one'){ $s += '一等奖: ' + $('#current').val() + ','; $('#texes').val('一等奖!'); }else if(jx === 'two'){ $s += '二等奖: ' + $('#current').val() + ','; $('#texes').val('二等奖!'); }else if(jx === 'three'){ $s += '三等奖: ' + $('#current').val() + ','; $('#texes').val('三等奖!'); }else{ $s += ''; $('#texes').val('您还没有设置本次抽奖奖项!'); } //本次抽奖完成后,自动移出本次获奖名单,不参与之后的抽奖 getIndex(phones, $('#current').val()); //将获奖名单写入到rs.txt文件中,记录获奖名单 set($s); //alert($s); } } function getIndex(arr, val){ var index = -1; for(var i=0; i<arr.length; i++){ if(arr[i] == val) index = i; } arr.splice(index, 1); //alert(index); } //将中奖信息写入 function set(rs){ $.ajax({ url : 'get_set.php', type: 'POST', dataType: 'text', data: {'action' : 'set', 'rs' : rs}, success: function(data){return true;} }); } $(document).ready(function(){ $(window).bind('keydown', function(event){ if(event.keyCode === 37 || event.keyCode === 38){ window.location.href = 'index.html'; } }); }); }); </script>
get_set.php文件直接读取phones.txt文件,将参与名单用“,”连接成字符串,然后利用js的Array split方法分隔成数组. 抽奖时是显示一些随机数字,跳动时间为10ms。
get_set.php:
<?php if(isset($_POST['action']) && $_POST['action'] == 'get'){ $file = './phones.txt'; $phones = ''; if(file_exists($file) && is_readable($file)){ $phones = file_get_contents($file); $phones = preg_replace('/\\r\\n\s*/', ',', $phones); }else{ die('phones.txt文件不存在或者不可读'); } Echo $phones; /* Echo '<pre class="brush:php;toolbar:false">'; print_r($phones); */ //Echo $phones; } if(isset($_POST['action']) && $_POST['action'] == 'set'){ $rs = $_POST['rs']; $data = str_replace(',', "\r\n", $rs); $file = './rs.txt'; file_put_contents($file, $data); return true; } ?>
中奖的名单将自动写入到 rs.txt文件,而且中奖后将不再参与下一轮抽奖。
开始抽奖(或者 按 Space空格键开始/停止)

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

PHP和Python各有優勢,選擇依據項目需求。 1.PHP適合web開發,尤其快速開發和維護網站。 2.Python適用於數據科學、機器學習和人工智能,語法簡潔,適合初學者。

在PHP中,應使用password_hash和password_verify函數實現安全的密碼哈希處理,不應使用MD5或SHA1。1)password_hash生成包含鹽值的哈希,增強安全性。 2)password_verify驗證密碼,通過比較哈希值確保安全。 3)MD5和SHA1易受攻擊且缺乏鹽值,不適合現代密碼安全。

PHP在電子商務、內容管理系統和API開發中廣泛應用。 1)電子商務:用於購物車功能和支付處理。 2)內容管理系統:用於動態內容生成和用戶管理。 3)API開發:用於RESTfulAPI開發和API安全性。通過性能優化和最佳實踐,PHP應用的效率和可維護性得以提升。

PHP是一種廣泛應用於服務器端的腳本語言,特別適合web開發。 1.PHP可以嵌入HTML,處理HTTP請求和響應,支持多種數據庫。 2.PHP用於生成動態網頁內容,處理表單數據,訪問數據庫等,具有強大的社區支持和開源資源。 3.PHP是解釋型語言,執行過程包括詞法分析、語法分析、編譯和執行。 4.PHP可以與MySQL結合用於用戶註冊系統等高級應用。 5.調試PHP時,可使用error_reporting()和var_dump()等函數。 6.優化PHP代碼可通過緩存機制、優化數據庫查詢和使用內置函數。 7

PHP仍然具有活力,其在現代編程領域中依然佔據重要地位。 1)PHP的簡單易學和強大社區支持使其在Web開發中廣泛應用;2)其靈活性和穩定性使其在處理Web表單、數據庫操作和文件處理等方面表現出色;3)PHP不斷進化和優化,適用於初學者和經驗豐富的開發者。

PHP類型提示提升代碼質量和可讀性。 1)標量類型提示:自PHP7.0起,允許在函數參數中指定基本數據類型,如int、float等。 2)返回類型提示:確保函數返回值類型的一致性。 3)聯合類型提示:自PHP8.0起,允許在函數參數或返回值中指定多個類型。 4)可空類型提示:允許包含null值,處理可能返回空值的函數。

PHP和Python各有優劣,選擇取決於項目需求和個人偏好。 1.PHP適合快速開發和維護大型Web應用。 2.Python在數據科學和機器學習領域佔據主導地位。

PHP適合web開發,特別是在快速開發和處理動態內容方面表現出色,但不擅長數據科學和企業級應用。與Python相比,PHP在web開發中更具優勢,但在數據科學領域不如Python;與Java相比,PHP在企業級應用中表現較差,但在web開發中更靈活;與JavaScript相比,PHP在後端開發中更簡潔,但在前端開發中不如JavaScript。
