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 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

PHP에는 4 가지 주요 오류 유형이 있습니다. 1. NOTICE : 가장 작은 것은 정의되지 않은 변수에 액세스하는 것과 같이 프로그램을 방해하지 않습니다. 2. 경고 : 심각한 통지는 파일을 포함하지 않는 것과 같은 프로그램을 종료하지 않습니다. 3. FatalError : 가장 심각한 것은 기능을 부르는 것과 같은 프로그램을 종료합니다. 4. parseerror : 구문 오류는 엔드 태그를 추가하는 것을 잊어 버리는 것과 같이 프로그램이 실행되는 것을 방지합니다.

PHP와 Python은 각각 고유 한 장점이 있으며 프로젝트 요구 사항에 따라 선택합니다. 1.PHP는 웹 개발, 특히 웹 사이트의 빠른 개발 및 유지 보수에 적합합니다. 2. Python은 간결한 구문을 가진 데이터 과학, 기계 학습 및 인공 지능에 적합하며 초보자에게 적합합니다.

PHP에서 Password_hash 및 Password_Verify 기능을 사용하여 보안 비밀번호 해싱을 구현해야하며 MD5 또는 SHA1을 사용해서는 안됩니다. 1) Password_hash는 보안을 향상시키기 위해 소금 값이 포함 된 해시를 생성합니다. 2) Password_verify 암호를 확인하고 해시 값을 비교하여 보안을 보장합니다. 3) MD5 및 SHA1은 취약하고 소금 값이 부족하며 현대 암호 보안에는 적합하지 않습니다.

HTTP 요청 방법에는 각각 리소스를 확보, 제출, 업데이트 및 삭제하는 데 사용되는 Get, Post, Put and Delete가 포함됩니다. 1. GET 방법은 리소스를 얻는 데 사용되며 읽기 작업에 적합합니다. 2. 게시물은 데이터를 제출하는 데 사용되며 종종 새로운 리소스를 만드는 데 사용됩니다. 3. PUT 방법은 리소스를 업데이트하는 데 사용되며 완전한 업데이트에 적합합니다. 4. 삭제 방법은 자원을 삭제하는 데 사용되며 삭제 작업에 적합합니다.

PHP는 전자 상거래, 컨텐츠 관리 시스템 및 API 개발에 널리 사용됩니다. 1) 전자 상거래 : 쇼핑 카트 기능 및 지불 처리에 사용됩니다. 2) 컨텐츠 관리 시스템 : 동적 컨텐츠 생성 및 사용자 관리에 사용됩니다. 3) API 개발 : 편안한 API 개발 및 API 보안에 사용됩니다. 성능 최적화 및 모범 사례를 통해 PHP 애플리케이션의 효율성과 유지 보수 성이 향상됩니다.

PHP는 서버 측에서 널리 사용되는 스크립팅 언어이며 특히 웹 개발에 적합합니다. 1.PHP는 HTML을 포함하고 HTTP 요청 및 응답을 처리 할 수 있으며 다양한 데이터베이스를 지원할 수 있습니다. 2.PHP는 강력한 커뮤니티 지원 및 오픈 소스 리소스를 통해 동적 웹 컨텐츠, 프로세스 양식 데이터, 액세스 데이터베이스 등을 생성하는 데 사용됩니다. 3. PHP는 해석 된 언어이며, 실행 프로세스에는 어휘 분석, 문법 분석, 편집 및 실행이 포함됩니다. 4. PHP는 사용자 등록 시스템과 같은 고급 응용 프로그램을 위해 MySQL과 결합 할 수 있습니다. 5. PHP를 디버깅 할 때 error_reporting () 및 var_dump ()와 같은 함수를 사용할 수 있습니다. 6. 캐싱 메커니즘을 사용하여 PHP 코드를 최적화하고 데이터베이스 쿼리를 최적화하며 내장 기능을 사용하십시오. 7

PHP는 $ \ _ 파일 변수를 통해 파일 업로드를 처리합니다. 보안을 보장하는 방법에는 다음이 포함됩니다. 1. 오류 확인 확인, 2. 파일 유형 및 크기 확인, 3 파일 덮어 쓰기 방지, 4. 파일을 영구 저장소 위치로 이동하십시오.

phpoop에서 self ::는 현재 클래스를 말하며, Parent ::는 부모 클래스를 말하며, static ::는 늦은 static 바인딩에 사용됩니다. 1. self :: 정적 방법과 일정한 호출에 사용되지만 늦은 정적 바인딩을 지원하지는 않습니다. 2.parent :: 하위 클래스가 상위 클래스 방법을 호출하는 데 사용되며 개인 방법에 액세스 할 수 없습니다. 3. Static ::는 상속 및 다형성에 적합한 후기 정적 결합을 지원하지만 코드의 가독성에 영향을 줄 수 있습니다.
