js圖片抽獎網頁,js 抽獎

本文目錄一覽:

你好,我網站有一個純js抽獎頁面,我已經實現了可抽獎初始次數等於會員金幣數(問題里的php代碼)

用AJAX吧,每次抽獎之後跟後台進行交互,獲取用戶抽獎後金幣數~同時後台也需要對用戶金幣數進行校驗,每次抽獎後減少用戶金幣= =`

var M_Money = ?php echo $cfg_ml-M_Money; ?;

var C_Money = 10;

$(‘button’).click(function(){

    if (M_Money = C_Money) {

        runCup();

        $(‘button’).attr(“disabled”, true);

        $.ajax({

            url: ‘choujiang.php’,

            data: {res: 抽獎結果},

            method: ‘POST’,

            success: function(res){

               

               M_Money = res.M_Money;

               $(‘button’).removeAttr(“disabled”, true);

               // 抽獎結果通知

               // Todo

            }

        });

    }

    else{

        alert(“親,抽獎次數已用光!充值金幣或點擊「邀請好友」”);

    }

})

使用JavaScript完成一個抽獎程序,當單擊頁面上開始抽獎按鈕時,在1~36中選取7個互不相同

1~36個數取7個不同的,需要用while循環+隨機數去取出7個數。

在while循環裏面,可以判斷取出來的數(用switch),是否是28,18,8. 如果有輸出相應的獎項,如果沒有,就輸出其它的。然後將這7個數,打印出來就好了。

JavaScript(縮寫為JS)是一種高級的、多範式、解釋型的編程語言,是一門基於原型、函數先行的語言,它支持面向對象編程、命令式編程以及函數式編程。

它提供語法來操控文本、數組、日期以及正則表達式,不支持I/O(比如網絡、存儲和圖形等),但可以由它的宿主環境提供支持。它已經由ECMA(歐洲計算機製造商協會)通過ECMAScript實現語言的標準化。它被世界上的絕大多數網站所使用,也被世界主流瀏覽器支持。

尋一個js抽獎代碼~

!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”

html xmlns=””

head

meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /

title無標題文檔/title

script type=”text/javascript”

var s=[//數源,可以任意增加或刪除

0,

100,

200,

300,

400,

500,

600,

700,

800,

900

];

var data=[];

function con(index)

{

for(i=0; idata.length; i++)

{

if(index==data[i])

return true;

}

return false;

}

function fun()

{

for(i=1; i5; i++)

{

var d=Math.floor(Math.random()*s.length);

if(!con(s[d])) data.push(s[d]);

}

data.sort();

da.innerHTML=data;

data=[];

}

/script

/head

body

input type=”button” value=”生成隨機五個數” onclick=”fun()” /

div id=”da”/div

/body

/html

請問這種抽獎活動網頁是怎麼製作的呢?

主要是JS

就像你看到的

點擊後需要旋轉

不少都是用flash實現

不過現在大公司都是用的js實現的

其他都是美工的工作了

希望能幫助到你

原創文章,作者:JSLE,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/140090.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
JSLE的頭像JSLE
上一篇 2024-10-04 00:23
下一篇 2024-10-04 00:23

相關推薦

  • JS Proxy(array)用法介紹

    JS Proxy(array)可以說是ES6中非常重要的一個特性,它可以代理一個數組,監聽數據變化並進行攔截、處理。在實際開發中,使用Proxy(array)可以方便地實現數據的監…

    編程 2025-04-29
  • 用Python繪製酷炫圖片

    在本篇文章中,我們將展示如何使用Python繪製酷炫的圖片。 一、安裝Python繪圖庫 在使用Python繪製圖片之前,我們需要先安裝Python繪圖庫。Python有很多繪圖庫…

    編程 2025-04-29
  • 使用axios獲取返回圖片

    使用axios獲取返回圖片是Web開發中很常見的需求。本文將介紹如何使用axios獲取返回圖片,並從多個方面進行詳細闡述。 一、安裝axios 使用axios獲取返回圖片前,首先需…

    編程 2025-04-29
  • Python 圖片轉表格

    本文將詳細介紹如何使用Python將圖片轉為表格。大家平時在處理一些資料的時候難免會遇到圖片轉表格的需求。比如從PDF文檔中提取表格等場景。當然,這個功能也可以通過手動複製、粘貼,…

    編程 2025-04-29
  • Python緩存圖片的處理方式

    本文將從多個方面詳細闡述Python緩存圖片的處理方式,包括緩存原理、緩存框架、緩存策略、緩存更新和緩存清除等方面。 一、緩存原理 緩存是一種提高應用程序性能的技術,在網絡應用中流…

    編程 2025-04-29
  • 解析js base64並轉成unit

    本文將從多個方面詳細介紹js中如何解析base64編碼並轉成unit格式。 一、base64編碼解析 在JavaScript中解析base64編碼可以使用atob()函數,它會將b…

    編程 2025-04-29
  • Python如何抓取圖片數據

    Python是一門強大的編程語言,能夠輕鬆地進行各種數據抓取與處理。抓取圖片數據是一個非常常見的需求。在這篇文章中,我們將從多個方面介紹Python如何抓取圖片數據。 一、使用ur…

    編程 2025-04-29
  • Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的解決方法

    本文將解決Node.js使用Body-Parser處理HTTP POST請求時,特殊字符無法返回的問題。同時,給出一些相關示例代碼,以幫助讀者更好的理解並處理這個問題。 一、問題解…

    編程 2025-04-29
  • python爬取網頁並生成表格

    本文將從以下幾個方面詳細介紹如何使用Python爬取網頁數據並生成表格: 一、獲取網頁數據 獲取網頁數據的一般思路是通過HTTP請求獲取網頁內容,最常用的方式是使用Python庫r…

    編程 2025-04-28
  • Python利用Image加圖片的方法

    在Python中,利用Image庫可以快速處理圖片,並加入需要的圖片,本文將從多個方面詳細闡述這個操作。 一、Image庫的安裝和基礎操作 首先,我們需要在Python中安裝Ima…

    編程 2025-04-28

發表回復

登錄後才能評論