javascript - jQuery:用户必须在页面上停留一段确定的时间才能显示内容

标签 javascript jquery wordpress time

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

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();
     });
});

最佳答案

也许你可以使用setTimeout在一定时间后显示内容。

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

关于javascript - jQuery:用户必须在页面上停留一段确定的时间才能显示内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45378314/

相关文章:

javascript - 使用 Bootstrap 菜单选择元素后更改菜单名称

php - 这是防止 SQL 注入(inject)的正确方法吗?

javascript - Extjs - 在 FormPanel 中动态生成字段

javascript - 从左侧菜单滑动

javascript - 如何重新初始化 jquery 数据表

javascript - Jquery Ui 可拖动想要设置放置位置

css - wordpress 中的下拉菜单关闭问题?

php - Wordpress 上的奇怪消息

javascript - VueJS : Updating data based on query variable

javascript - socket.io (nodejs) 发出回调是否会通过在回调完成期间阻塞服务器来影响服务器性能?