程序中的鎖屏

Question

其實問題是：我不知道該怎麼做，我也不知道該怎麼去尋找Google，以瞭解我是怎樣問你的，親愛的社區！

屏幕附：

如何做它保留得分圈，下一集，它只有他們入境後的可能性在程序啓動？

我已經做了一些，DEMO，但我需要做拖着棍子，因爲我不知道

var codeBut = $('#code_block td div').addClass('common_class'); 
var res = $('#res'); 
var uname = $('#uname'); 
var codeArr = []; 

Array.prototype.remove=function(s){ 
    for (i=0; i < this.length; i++){ 
     if (s == this[i]){ 
      this.splice(i, 1); 
      --i; 
     } 
    } 
}; 

codeBut.click(function(){ 
    $(this).toggleClass('choiced'); 
    if($(this).hasClass('choiced')){ 
     codeArr.push($(this).text()); 
    } else { 
     codeArr.remove($(this).text()); 
    } 
    res.text(codeArr.join('')); 
    if(res.text() === ''){ 
     res.rext(''); 
    } 
}); 

function clearInfo(){ 
    uname.val(''); 
    codeBut.removeClass('choiced'); 
    codeArr = []; 
    res.text(''); 
} 

$('#reg').click(function(){ 
    var userName = $.trim(uname.val()); 
    var userPass = $.trim(codeArr.join('')); 
    if(!localStorage.getItem(userName)){ 
     if(userName !== '' && userPass !== '') { 
      localStorage.setItem(userName, userPass);   
     } else { 
      alert('Имя или пароль не введены!'); 
     } 
    } else { 
     alert('Это имя уже используется!'); 
    } 
    clearInfo(); 
}); 
$('#login').click(function(){ 
    var userName = $.trim(uname.val()); 
    var userPass = $.trim(codeArr.join('')); 
    var curPass = localStorage.getItem(userName); 
    if(curPass != null){ 
     if(curPass == userPass) { 
      localStorage.setItem(userName, userPass); 
      alert('Ух, ты! Здарофф ' + userName + '! Пиво будешь?'); 
      clearInfo(); 
     } else { 
      alert('Парольчик корректный введите, плиззз!!!'); 
     } 
    } else { 
     alert('Юзверя с таким именем - нет!'); 
     clearInfo(); 
    } 
}); 
//localStorage.clear(); 

Answer 1

有一個在CodePlex上的一個項目，實現該功能在javascript：http://9dotpatternlock.codeplex.com/