文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - 当前颜色测试的游戏如何通过jQuery实现？
PHPz
PHPz 2017-04-10 15:29:24
[JavaScript讨论组]
0 0 321
举报

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

测试页面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">
        <p class="container bwidth">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


        <!-- 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 inpidual 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>
PHPz
PHPz

学习是最好的投资！

全部回复(0)
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部