javascript - 计时 jQuery UI 对话框

标签 javascript jquery jquery-ui dialog popup

我想知道如何计算对话框弹出之前需要多长时间?例如,当您访问某个网站时,我想将其设置为 30 秒后弹出窗口显示。这可能吗?

<script type="text/javascript">
            $(function(){
                // Dialog           
                if ($.cookie('showDialog') == undefined || $.cookie('showDialog') == null || $.cookie('showDialog') != 'false') {
                $('#dialog').dialog({
                    autoOpen: true,
                    width: 700,
                    modal: true,
                    buttons:{ "No Thanks": function() { $(this).dialog("close"); $.cookie('showDialog', 'false');  } },

                });
                }
                // Dialog Link
                $('#dialog_link').click(function(){
                    $('#dialog').dialog('open');
                    return false;
                });

                //hover states on the static widgets
                $('#dialog_link, ul#icons li').hover(
                    function() { $(this).addClass('ui-state-hover'); }, 
                    function() { $(this).removeClass('ui-state-hover'); }
                );

            });
</script>

最佳答案

您可以使用setTimeout() .

setTimeout(function() {
    $('#my-dialog').dialog('open');
},30000);

jsFiddle

关于javascript - 计时 jQuery UI 对话框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11351100/

相关文章:

javascript - 以编程方式创建 <DIV> 并出现问题

javascript - 如何阻止 Wordpress 页面跳转/滚动到 iframe?

java - 在 Primefaces inputText required=true 中,如何在输入内容后立即删除 ui-state-error?

css - jQuery UI Themeroller 生成的对话框的 CSS 不工作

javascript - 如何在不刷新的情况下将焦点设置到子窗口?

javascript - 单击 HTML5 Canvas

javascript - find() 从存储在变量中的 HTML 中删除直接标记

javascript - 仅序列化更改的表单元素时如何处理空数组

jquery - 如何使用 jQuery UI Slider 添加值?

CSS - 当分配了 2 个 CSS 类的组合时,为 DIV 设置样式