当前颜色测试的游戏如何通过jQuery实现?


如果在点击的情况下执行条件>>结束上一页的计时,跳到下一页,开始下一页的计时;
如果在没有点击的情况下执行条件>>在当前页面倒计时结束后,开始下一页的计时;

测试页面 http://loje.in
目前遇到的情况是,在多次点击到下一页的情况下,会跳回到之前倒计时未结束的页面;

谢谢!


 <html lang="zh-CN"><head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
        <title>stroop test</title>

        <!-- Bootstrap -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="css/buttons.css">
        <link href="css/style.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

<style type="text/css">
#content {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  height: 3px;
  margin: auto;
  background: #000;
  border-radius: 2px;
}
.fullwidth .expand {
  width: 100%;
  height: 1px;
  margin: 1px 0;
  background: #2187e7;
  border-radius: 2px;
  box-shadow: 0px 0px 10px 2px rgba(0,198,255,0.7);
  -moz-animation: fullexpand 3s ease-out;
  -webkit-animation: fullexpand 3s ease-out;
}
@-moz-keyframes fullexpand {
 0% {
width:0px;
}
 100% {
width:100%;
}
}
@-webkit-keyframes fullexpand {
 0% {
width:0px;
}
 100% {
width:100%;
}
}
</style>
<script async="" src="//www.google-analytics.com/analytics.js"></script>

<script>    
$(document).ready(function() {
  $('#content').removeClass('fullwidth');     
    $('.triggerFull').click(function() {
      $('#content').removeClass('fullwidth').delay(10).queue(function(next){
        $(this).addClass('fullwidth');
            next();
        });
        return false;
    });
});
</script>



    <script></script><script></script></head>
    <body ryt14115="1">
        <input type="hidden" id="num" value="0">
        <div class="container bwidth">

            <!-- 第一题 -->
            <div id="pager1" class="onepager" style="display:none">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#cc0033;">黄色1</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#FFCC33;">蓝色1</div>
                </div>
                <button id="yes1" class="button button-3d button-primary button-rounded">一致</button>
                <button id="no1" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第二题 -->
            <div id="pager2" class="onepager" style="display: block; height: 989px;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#FFCC33;">绿色2</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#009933;">红色2</div>
                </div>
                <button id="yes2" class="button button-3d button-primary button-rounded">一致</button>
                <button id="no2" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第三题 -->
            <div id="pager3" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#cc0033;">红色3</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#0099FF;">绿色3</div>
                </div>
                <button id="no3" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes3" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第四题 -->
            <div id="pager4" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#0099FF;">黄色4</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#009933;">绿色4</div>
                </div>
                <button id="no4" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes4" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第五题 -->
            <div id="pager5" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#FFCC33;">蓝色5</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#0099ff;">红色5</div>
                </div>
                <button id="yes5" class="button button-3d button-primary button-rounded">一致</button>
                <button id="no5" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第六题 -->
            <div id="pager6" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#0099ff;">蓝色6</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#ffcc33;">绿色6</div>
                </div>
                <button id="no6" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes6" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第七题 -->
            <div id="pager7" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#FFCC33;">红色7</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#cc0033;">绿色7</div>
                </div>
                <button id="yes7" class="button button-3d button-primary button-rounded">一致</button>
                <button id="no7" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第八题 -->
            <div id="pager8" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#009933;">绿色8</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#0099ff;">蓝色8</div>
                </div>
                <button id="no8" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes8" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第九题 -->
            <div id="pager9" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#0099ff;">红色9</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#009933;">蓝色9</div>
                </div>
                <button id="no9" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes9" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第十题 -->
            <div id="pager10" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#cc0033;">蓝色10</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#0099ff;">红色10</div>
                </div>
                <button id="yes10" class="button button-3d button-primary button-rounded">一致</button>
                <button id="no10" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第十一题 -->
            <div id="pager11" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#FFCC33;">黄色11</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#0099ff;">红色11</div>
                </div>
                <button id="no11" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes11" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第十二题 -->
            <div id="pager12" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#cc0033;">绿色12</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#0099ff;">黄色12</div>
                </div>
                <button id="no12" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes12" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第十三题 -->
            <div id="pager13" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#FFCC33;">蓝色13</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#009933;">黄色13</div>
                </div>
                <button id="no13" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes13" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第十四题 -->
            <div id="pager14" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#FFCC33;">红色14</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#cc0033;">黄色14</div>
                </div>
                <button id="yes14" class="button button-3d button-primary button-rounded">一致</button>
                <button id="no14" class="button button-3d button-primary button-rounded">不一致</button>
            </div>

            <!-- 第十五题 -->
            <div id="pager15" class="onepager" style="display:none;">
                <div class="row color">
                    <div class="col-xs-12 crl clr-1" style="color:#0099ff;">绿色15</div>
                    <div id="content" class="col-xs-12 fullwidth">
                        <div class="expand"></div>
                    </div>
                    <div class="col-xs-12 crl clr-2" style="color:#ffcc33;">蓝色15</div>
                </div>
                <button id="no15" class="button button-3d button-primary button-rounded">一致</button>
                <button id="yes15" class="button button-3d button-primary button-rounded">不一致</button>
            </div>
        </div>


        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function(){
              //alert($(window).height()); //浏览器当前窗口可视区域高度
              //alert($(document).height()); //浏览器当前窗口文档的高度

              //alert($(document.body).height());//浏览器当前窗口文档body的高度
              //alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

              //alert($(window).width()); //浏览器当前窗口可视区域宽度
              //alert($(document).width());//浏览器当前窗口文档对象宽度

              //alert($(document.body).width());//浏览器当前窗口文档body的宽度
              //alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

                $("#pager1").height($(window).height());
                $("#pager2").height($(window).height());

                var n = $("#num").val();
                var num = 0;

                //第一题
                var timer1 = setTimeout(function(){
                    $(document).ready(function(){
                        //执行方法
                        $("#pager1").attr({"style":"display:none"});
                        $("#pager2").attr({"style":"display:block"});
                        $("#pager2").height($(window).height());
                    });
                }, 3000);
                // var timer2 = setTimeout(function(){
                //  $(document).ready(function(){
                //      //执行方法
                //      $("#pager2").attr({"style":"display:none"});
                //      $("#pager3").attr({"style":"display:block"});
                //      $("#pager3").height($(window).height());
                //  });
                // }, 6000);
                // var timer3 = setTimeout(function(){
                //  $(document).ready(function(){
                //      //执行方法
                //      $("#pager3").attr({"style":"display:none"});
                //      $("#pager4").attr({"style":"display:block"});
                //      $("#pager4").height($(window).height());
                //  });
                // }, 9000);
                // var timer4 = setTimeout(function(){
                //  $(document).ready(function(){
                //      //执行方法
                //      $("#pager4").attr({"style":"display:none"});
                //      $("#pager5").attr({"style":"display:block"});
                //      $("#pager5").height($(window).height());
                //  });
                // }, 12000);


                //第一题
                $("#yes1").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());

                    $("#pager1").attr({"style":"display:none"});
                    $("#pager2").attr({"style":"display:block"});
                    $("#pager2").height($(window).height());

                    var timer2 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager2").attr({"style":"display:none"});
                            alert("我在第二页!");
                            $("#pager3").attr({"style":"display:block"});
                            $("#pager3").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no1").click(function(){
                    $("#pager1").attr({"style":"display:none"});
                    $("#pager2").attr({"style":"display:block"});
                    $("#pager2").height($(window).height());

                    var timer2 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager2").attr({"style":"display:none"});
                            $("#pager3").attr({"style":"display:block"});
                            $("#pager3").height($(window).height());
                        });
                    }, 3000);
                })

                //第二题
                $("#yes2").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager2").attr({"style":"display:none"});
                    $("#pager3").attr({"style":"display:block"});
                    $("#pager3").height($(window).height());

                    var timer3 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager3").attr({"style":"display:none"});
                            $("#pager4").attr({"style":"display:block"});
                            $("#pager4").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no2").click(function(){
                    $("#pager2").attr({"style":"display:none"});
                    $("#pager3").attr({"style":"display:block"});
                    $("#pager3").height($(window).height());

                    var timer3 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager3").attr({"style":"display:none"});
                            $("#pager4").attr({"style":"display:block"});
                            $("#pager4").height($(window).height());
                        });
                    }, 3000);
                })

                //第三题
                $("#yes3").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager3").attr({"style":"display:none"});
                    $("#pager4").attr({"style":"display:block"});
                    $("#pager4").height($(window).height());

                    var timer4 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager4").attr({"style":"display:none"});
                            $("#pager5").attr({"style":"display:block"});
                            $("#pager5").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no3").click(function(){
                    $("#pager3").attr({"style":"display:none"});
                    $("#pager4").attr({"style":"display:block"});
                    $("#pager4").height($(window).height());

                    var timer4 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager4").attr({"style":"display:none"});
                            $("#pager5").attr({"style":"display:block"});
                            $("#pager5").height($(window).height());
                        });
                    }, 3000);
                })

                //第四题
                $("#yes4").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager4").attr({"style":"display:none"});
                    $("#pager5").attr({"style":"display:block"});
                    $("#pager5").height($(window).height());

                    var timer5 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager5").attr({"style":"display:none"});
                            $("#pager6").attr({"style":"display:block"});
                            $("#pager6").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no4").click(function(){
                    $("#pager4").attr({"style":"display:none"});
                    $("#pager5").attr({"style":"display:block"});
                    $("#pager5").height($(window).height());

                    var timer5 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager5").attr({"style":"display:none"});
                            $("#pager6").attr({"style":"display:block"});
                            $("#pager6").height($(window).height());
                        });
                    }, 3000);
                })

                //第五题
                $("#yes5").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager5").attr({"style":"display:none"});
                    $("#pager6").attr({"style":"display:block"});
                    $("#pager6").height($(window).height());

                    var timer6 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager6").attr({"style":"display:none"});
                            $("#pager7").attr({"style":"display:block"});
                            $("#pager7").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no5").click(function(){
                    $("#pager5").attr({"style":"display:none"});
                    $("#pager6").attr({"style":"display:block"});
                    $("#pager6").height($(window).height());

                    var timer6 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager6").attr({"style":"display:none"});
                            $("#pager7").attr({"style":"display:block"});
                            $("#pager7").height($(window).height());
                        });
                    }, 3000);
                })

                //第6题
                $("#yes6").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager6").attr({"style":"display:none"});
                    $("#pager7").attr({"style":"display:block"});
                    $("#pager7").height($(window).height());

                    var timer7 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager7").attr({"style":"display:none"});
                            $("#pager8").attr({"style":"display:block"});
                            $("#pager8").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no6").click(function(){
                    $("#pager6").attr({"style":"display:none"});
                    $("#pager7").attr({"style":"display:block"});
                    $("#pager7").height($(window).height());

                    var timer7 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager7").attr({"style":"display:none"});
                            $("#pager8").attr({"style":"display:block"});
                            $("#pager8").height($(window).height());
                        });
                    }, 3000);
                })

                //第7题
                $("#yes7").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager7").attr({"style":"display:none"});
                    $("#pager8").attr({"style":"display:block"});
                    $("#pager8").height($(window).height());

                    var timer8 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager8").attr({"style":"display:none"});
                            $("#pager9").attr({"style":"display:block"});
                            $("#pager9").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no7").click(function(){
                    $("#pager7").attr({"style":"display:none"});
                    $("#pager8").attr({"style":"display:block"});
                    $("#pager8").height($(window).height());

                    var timer8 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager8").attr({"style":"display:none"});
                            $("#pager9").attr({"style":"display:block"});
                            $("#pager9").height($(window).height());
                        });
                    }, 3000);
                })

                //第8题
                $("#yes8").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager8").attr({"style":"display:none"});
                    $("#pager9").attr({"style":"display:block"});
                    $("#pager9").height($(window).height());

                    var timer9 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager9").attr({"style":"display:none"});
                            $("#pager10").attr({"style":"display:block"});
                            $("#pager10").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no8").click(function(){
                    $("#pager8").attr({"style":"display:none"});
                    $("#pager9").attr({"style":"display:block"});
                    $("#pager9").height($(window).height());

                    var timer9 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager9").attr({"style":"display:none"});
                            $("#pager10").attr({"style":"display:block"});
                            $("#pager10").height($(window).height());
                        });
                    }, 3000);
                })

                //第9题
                $("#yes9").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager9").attr({"style":"display:none"});
                    $("#pager10").attr({"style":"display:block"});
                    $("#pager10").height($(window).height());

                    var timer10 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager10").attr({"style":"display:none"});
                            $("#pager11").attr({"style":"display:block"});
                            $("#pager11").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no9").click(function(){
                    $("#pager9").attr({"style":"display:none"});
                    $("#pager10").attr({"style":"display:block"});
                    $("#pager10").height($(window).height());

                    var timer10 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager10").attr({"style":"display:none"});
                            $("#pager11").attr({"style":"display:block"});
                            $("#pager11").height($(window).height());
                        });
                    }, 3000);
                })

                //第10题
                $("#yes10").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager10").attr({"style":"display:none"});
                    $("#pager11").attr({"style":"display:block"});
                    $("#pager11").height($(window).height());

                    var timer11 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager11").attr({"style":"display:none"});
                            $("#pager12").attr({"style":"display:block"});
                            $("#pager12").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no10").click(function(){
                    $("#pager10").attr({"style":"display:none"});
                    $("#pager11").attr({"style":"display:block"});
                    $("#pager11").height($(window).height());

                    var timer11 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager11").attr({"style":"display:none"});
                            $("#pager12").attr({"style":"display:block"});
                            $("#pager12").height($(window).height());
                        });
                    }, 3000);
                })

                //第11题
                $("#yes11").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager11").attr({"style":"display:none"});
                    $("#pager12").attr({"style":"display:block"});
                    $("#pager12").height($(window).height());

                    var timer12 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager12").attr({"style":"display:none"});
                            $("#pager13").attr({"style":"display:block"});
                            $("#pager13").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no11").click(function(){
                    $("#pager11").attr({"style":"display:none"});
                    $("#pager12").attr({"style":"display:block"});
                    $("#pager12").height($(window).height());

                    var timer12 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager12").attr({"style":"display:none"});
                            $("#pager13").attr({"style":"display:block"});
                            $("#pager13").height($(window).height());
                        });
                    }, 3000);
                })

                //第12题
                $("#yes12").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager12").attr({"style":"display:none"});
                    $("#pager13").attr({"style":"display:block"});
                    $("#pager13").height($(window).height());

                    var timer13 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager13").attr({"style":"display:none"});
                            $("#pager14").attr({"style":"display:block"});
                            $("#pager14").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no12").click(function(){
                    $("#pager12").attr({"style":"display:none"});
                    $("#pager13").attr({"style":"display:block"});
                    $("#pager13").height($(window).height());

                    var timer13 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager13").attr({"style":"display:none"});
                            $("#pager14").attr({"style":"display:block"});
                            $("#pager14").height($(window).height());
                        });
                    }, 3000);
                })

                //第13题
                $("#yes13").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager13").attr({"style":"display:none"});
                    $("#pager14").attr({"style":"display:block"});
                    $("#pager14").height($(window).height());

                    var timer14 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager14").attr({"style":"display:none"});
                            $("#pager15").attr({"style":"display:block"});
                            $("#pager15").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no13").click(function(){
                    $("#pager13").attr({"style":"display:none"});
                    $("#pager14").attr({"style":"display:block"});
                    $("#pager14").height($(window).height());

                    var timer14 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager14").attr({"style":"display:none"});
                            $("#pager15").attr({"style":"display:block"});
                            $("#pager15").height($(window).height());
                        });
                    }, 3000);
                })

                //第14题
                $("#yes14").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    //alert($("input[type=hidden]").val());
                    $("#pager14").attr({"style":"display:none"});
                    $("#pager15").attr({"style":"display:block"});
                    $("#pager15").height($(window).height());

                    var timer15 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager15").attr({"style":"display:none"});
                            $("#pager16").attr({"style":"display:block"});
                            $("#pager16").height($(window).height());
                        });
                    }, 3000);
                })
                $("#no14").click(function(){
                    $("#pager14").attr({"style":"display:none"});
                    $("#pager15").attr({"style":"display:block"});
                    $("#pager15").height($(window).height());

                    var timer15 = setTimeout(function(){
                        $(document).ready(function(){
                            //执行方法
                            $("#pager15").attr({"style":"display:none"});
                            $("#pager16").attr({"style":"display:block"});
                            $("#pager16").height($(window).height());
                        });
                    }, 3000);
                })

                //第15题
                $("#yes15").click(function(){
                    num = parseInt(num)+1;
                    //$("button").attr({"disabled":"disabled"});
                    $("#num").val(num);
                    alert($("input[type=hidden]").val());
                    $("#pager15").attr({"style":"display:none"});
                    $("#pager16").attr({"style":"display:block"});
                    $("#pager16").height($(window).height());
                })
                $("#no15").click(function(){
                    alert($("input[type=hidden]").val());
                    $("#pager15").attr({"style":"display:none"});
                    $("#pager16").attr({"style":"display:block"});
                    $("#pager16").height($(window).height());

                })

            })
        </script>



<script>(function (){
            window.clean__ = 'true';
        })();</script></body></html>

jquery JavaScript 前端开发

kyiku 8 years, 10 months ago

Your Answer