Javascript 如何创建一个提醒对话框,要求用户使用js订阅我的站点?

Javascript 如何创建一个提醒对话框,要求用户使用js订阅我的站点?,javascript,cookies,Javascript,Cookies,当有人在我的网站上时,我希望我的网站显示提醒或确认提示,要求用户订阅我的邮件列表。我希望短时间内显示消息,但不是立即显示,让“确定”选项将用户引导到“订阅”页面,2个其他选项(我已订阅,请退出) 当他们取消该选项时,我希望我的站点在他们的计算机上保留cookie 7天。当cookie处于活动状态时,不会显示提示。如果用户点击(我已经订阅了),我希望cookie永远持续 订阅页面是否可以保留一个未过期的cookie来禁用订阅提示?如果Cookie仅与从中发送的url一起使用,则我可以选择“我已订阅

当有人在我的网站上时,我希望我的网站显示提醒或确认提示,要求用户订阅我的邮件列表。我希望短时间内显示消息,但不是立即显示,让“确定”选项将用户引导到“订阅”页面,2个其他选项(我已订阅,请退出)

当他们取消该选项时,我希望我的站点在他们的计算机上保留cookie 7天。当cookie处于活动状态时,不会显示提示。如果用户点击(我已经订阅了),我希望cookie永远持续

订阅页面是否可以保留一个未过期的cookie来禁用订阅提示?如果Cookie仅与从中发送的url一起使用,则我可以选择“我已订阅”

下面是我要解决的问题的流程图
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
    <script type="text/javascript">
        $(function () {
            setTimeout(function () {
                $('#subscribeModal').modal('show');
            }, 5000);

            $("#btnRegister").click(function () {
                var email = $("#txtEmailAddress").val();
                alert("Handle the subscription logic for - " + email);
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div id="subscribeModal" class="modal fade" aria-labelledby="myModalLabel">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">Subscribe To My Site</h4>
                    </div>
                    <div class="modal-body">
                        Your email address
                        <input type="email" id="txtEmailAddress">
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
                        <button type="button" class="btn btn-primary" id="btnRegister">Subscribe</button>
                    </div>

                </div>
            </div>
        </div>
    </form>
</body>
</html>
$(函数(){ setTimeout(函数(){ $('#subscribeModel').model('show'); }, 5000); $(“#btnRegister”)。单击(函数(){ var email=$(“#txtEmailAddress”).val(); 警报(“处理-”+电子邮件的订阅逻辑); }); }); &时代; 订阅我的网站 你的电子邮件地址 接近 订阅
是的,您可以将cookie设置为“永远”,但您不能有3个选项,只有2个选项用于确认。您可以使用
提示符
,指示用户键入所需的选项。或者,您可以使用HTML+CSS+JS自定义对话框,自己创建,或者使用类似的库或类似的库。请提供带有一些逻辑的代码。您的问题太广泛了,关于特定编程问题的问题也是如此。你面临的问题是什么?