随机.HTML,如何让它停止

时间:2013-09-04 14:44:42

标签: javascript jquery random

我有一个包含23个不同.html文件的池,我需要随机访问它们。这部分很简单,但我需要它们在显示40个这样的页面之后链接到不同的页面。我怎么能这样做?

         var startTime = new Date();
         Mousetrap.bind('e', function () {
             var endTime = new Date();
             var timeSpent = (endTime - startTime);
             alert("Correct " + timeSpent + "miliseconds");
             window.location.href = loft;
         })

          Mousetrap.bind('i', function() { 
                var endTime = new Date();
                var timeSpent = (endTime - startTime);
                $('img').css('display','block')
                alert("Incorrecto " + timeSpent + "milisegundos"); 
                })
        var loft= Math.floor((Math.random()*40)+1);

Mousetrap是一个js库,它允许我将键击与不同的功能相关联。这是一项关于反应时间的社会心理学研究。

1 个答案:

答案 0 :(得分:1)

在Cookie中设置计数器,以便在更改窗口位置后保持其状态。一个很好的用于管理cookie的插件是这个人:https://github.com/carhartl/jquery-cookie虽然你也可以编写一些简单的函数来设置/取消设置cookie,如Set cookie and get cookie with JavaScript

有这样的效果:

   var counter = $.cookie("counter"); 
    if (counter == undefined){
    counter = 0; 
    }
    var startTime = new Date();
         Mousetrap.bind('e', function () {
            if (counter < 40){
             var endTime = new Date();
             var timeSpent = (endTime - startTime);
             alert("Correct " + timeSpent + "miliseconds");
             $.cookie("counter", ++counter); 
             window.location.href = loft;
            }else{
                         //do stuff to show your thank you page
                     }
         })

          Mousetrap.bind('i', function() { 
                var endTime = new Date();
                var timeSpent = (endTime - startTime);
                $('img').css('display','block')
                alert("Incorrecto " + timeSpent + "milisegundos"); 
                })
    var loft= Math.floor((Math.random()*40)+1);