javascript 手機號抽獎

時間 2019-11-11

標籤 javascript 手機抽獎欄目 JavaScript 简体版

原文原文鏈接

案例 ---- 手機號抽獎開始抽獎中止javascript

*具體的備註在代碼裏面css

*含有做弊功能下面講到html

效果是這樣的java

***初始界面 *** ***抽到的第一個幸運號碼***數組

****dom

***************************************************************************************函數

***號碼正在滾動但因爲截圖速度比不上計算機滾動速度沒法截取滾動瞬間的畫面本身運行代碼去觀察***字體

****************************************************spa

<title>無標題文檔</title>
<style type="text/css">
/*<!--號碼滾動的DIV的樣式-->*/
#show{
    text-align:center;
    font-size:48px;
    font-weight:blod;
}
div
{
    text-align:center;/*居中*/
    }
div span
{
    display:inline-block;/* 看效果變化吧*/
    padding:10px;                /*字體與邊框之間距離*/
    background-color:rgb(255,0,102);  /*背景顏色*/
    color:white;                 /*字體顏色*/
    font-weight:bold;            /*字體加粗*/
    cursor:default;/*鼠標移動到DIV裏面會變成箭頭不是光變標了-不信看效果吧*/
    margin-top:10px;/*本DIV頂部擁有10個PX（像素）*/
/*    display:inline 的做用是設置對象作爲行內元素顯示，inline是內聯對象的默認值（ps:內聯對象就是不自動產生換行的元素，好比span） 而咱們通常用的div是塊級元素，默認display屬性是block, 但將div的display設置爲inline的話，則多個div能夠象span同樣顯示在一行了。*/
    
    }

</style>
</head>

<body>

<div id="show">1516930589</div><!--號碼滾動的DIV-->
<div><span id="btn" onclick="dobegin()">開始抽獎</span></div><!--開始按鈕的div-->
</body>
</html>
<script language="javascript">
var a = new Array()
a[0]="15069301897";
a[1]="13913254568";
a[2]="13856556565";
a[3]="13756665656";
a[4]="15269123456";
a[5]="15145647232";
a[6]="15366552323";
a[7]="15422665629";
a[8]="15569305454";
a[9]="15669354547";
var timeoutID;
function cellShow()
{
    var n=Math.round(Math.random()*1000000)%10;/*取出a[]隨這個數組裏的機數*/
    var s=a[n];/*取出a幾裏表明的手機號 也就是隨機出的上一步的數組的值*/
    var dd=document.getElementById("show");/*找出id爲show的DIV的元素*/
    dd.innerHTML=s;    <!--讓手機號滾動-->
    timeoutID=window.setTimeout("cellShow()",50)<!--讓手機號滾動   延遲50毫秒-->
    }
function dobegin()
    {
         var dd=document.getElementById("btn");
        
         /*  {cellShow();} */ 
        /*{document.getElementById("btn").innerHTML="中止"}*/
        <!--對上面括號裏進行解釋  當執行cellShow函數的同時 計算機執行速度快 至關於同時執行 這步  找到btn標籤 並讓btn裏的值等於「中止」-->
         if(dd.innerHTML=="開始抽獎")
          {
             cellShow();  /*開始按鈕那裏SPAN標籤要加上一個dobegin函數*/
            
             dd.innerHTML="中止";
             }
        
        else
        {
            window.clearTimeout(timeoutID);
             dd.innerHTML="開始抽獎";
             document.getElementById("show").innerHTML="15069301897"/*做弊 專門選到固定號碼*/
            }
     }
</script>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。