jQuery:用户必须留在页面上确定的时间来显示内容

时间:2017-07-28 16:25:28

标签: javascript jquery wordpress time

我的代码存在问题。如下所示,只有当用户点击提供的链接时,才会显示帖子的内容。它将解锁一个动作。但是我需要在解锁内容之前用户必须在页面上停留至少几秒钟。如果用户在此确定的时间之前离开页面,则内容将不会显示。有办法吗?

jQuery(document).ready(function(){
var clicked = new Set;

  jQuery('.Button').click(function() {
     clicked.add(this);
        if(clicked.size>=10) jQuery('.PageLocked').hide();
        if(clicked.size>=10) jQuery('.Content').show();
     });
});

1 个答案:

答案 0 :(得分:1)

也许您可以在一段时间后使用setTimeout来显示内容。

$('.Button').click(function() {
    setTimeout(function() { 
        $('.PageLocked').hide();
        $('.Content').show();
    },10000); 
});