這篇文章給大家分享的是有關(guān)JavaScript如何實(shí)現(xiàn)的可變動態(tài)數(shù)字鍵盤控件方式的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

創(chuàng)新互聯(lián)建站專注于石門企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè)公司,成都做商城網(wǎng)站。石門網(wǎng)站建設(shè)公司,為石門等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站策劃，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)建站專業(yè)和態(tài)度為您提供的服務(wù)

JavaScript的特點(diǎn)

1.JavaScript主要用來向HTML頁面添加交互行為。 2.JavaScript可以直接嵌入到HTML頁面，但寫成單獨(dú)的js文件有利于結(jié)構(gòu)和行為的分離。 3.JavaScript具有跨平臺特性，在絕大多數(shù)瀏覽器的支持下，可以在多種平臺下運(yùn)行。

整理文檔，搜刮出一個JavaScript實(shí)現(xiàn)的可變動態(tài)數(shù)字鍵盤控件方式實(shí)例代碼，稍微整理精簡一下做下分享。

@sunRainAmazing

JavaScript編寫和實(shí)現(xiàn)的可變動態(tài)鍵盤密碼輸入控件，可以動態(tài)的生產(chǎn)數(shù)字鍵盤并顯示，并且可以實(shí)現(xiàn)每次點(diǎn)擊后密碼鍵盤重新加載，可以手動刷新功能。

第一種方式，點(diǎn)擊查看：

  
  
  


  

    
    
    
  

  

    
    
    
  

  

    
    
    
  

  

    K
    
    C
  

  

   點(diǎn)擊刷新
  
  
  

    function changeKeyboard(){
      var arr = shuffling();
      var sp = $(".s");
      console.log(sp);
      for (var i = 0; i < sp.length; i++) {
        $(sp[i]).text(arr[i]);
      }

    /**
     * //選擇兩個[0...array.Length)之間的隨機(jī)數(shù)，
     * 把它們做下標(biāo)的兩個元素交換位置（這樣亂序效率高） 
     * 說明：這是“洗牌算法” 證明打亂的效果如下： 

        隨機(jī)交換nums/2次的效果很差，平均約1/3的對象還在原來的位置 
        隨機(jī)交換nums次才基本可用，平均約15%的對象還在原來的位置 
        隨機(jī)交換nums*2次才真正可用，平均約2%的對象還在原來的位置 
    */ 
      function shuffling() { 
        var array=[1,2,3,4,5,6,7,8,9,0];
        for (var j = 0; j < 2; j++) {
          for (var i = 0; i < 10; i++) { 
            var rand = Math.floor(Math.random()*10); 
            var temp = array[i]; 
            array[i] = array[rand]; 
            array[rand] = temp; 
          } 
        }
        return array; 
      } 
    }

    changeKeyboard();
    $("#keyboard").click(function(){
      changeKeyboard();
    });

  

第二種方式，點(diǎn)擊查看

  
  
  


  

    
    
    
  

  

    
    
    
  

  

    
    
    
  

  

    K
    
    C
  

  

   點(diǎn)擊刷新
  

  
  


    function changeKeyboard(){
      var arr=[1,2,3,4,5,6,7,8,9,0];
      arr.sort(function(){return Math.random()>0.5?-1:1;});
      var sp = $(".s");
      console.log(sp);
      for (var i = 0; i < sp.length; i++) {
        $(sp[i]).text(arr[i]);
      }
    }

    changeKeyboard();
    $("#keyboard").click(function(){
      changeKeyboard();
    });

  

感謝各位的閱讀！關(guān)于“JavaScript如何實(shí)現(xiàn)的可變動態(tài)數(shù)字鍵盤控件方式”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！