javascript - 程序中的锁屏

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/