Question

我需要jquery脚本，以便在用户在站点1分钟后没有向该字段输入电子邮件时显示弹出窗口。如果他输入他的电子邮件，则重定向到另一个页面。我有自己的弹出窗口。谢谢您的帮助！

Answer 1

你可以试试，将来一分钟开始减少秒数（毫秒数）。

这里有一个链接，您可以在其中找到有关函数setInterval

的说明

var timetowait = (new Date().getTime()+1*60000);
setInterval(function() {
    var now = new Date().getTime();
    var oneminute = timetowait - now;
    var seconds = Math.floor((oneminute%(1000*60))/1000);    
    if (seconds < 0) {
       //dosomething       
    }
}, 1000);

Answer 2

您可以在页面加载时创建超时，并在触发超时后检查电子邮件是否为空。

window.onLoad=function(){
    setTimeout(checkEmail,1000*60);
};
function checkEmail(){
    if(jQuery("#idInput").val()==""){
        alert("pop-up");
        //pop-up will be show
    }
    else{
        window.location="http://www.newUrl.com";
        //browser will be redirect
    }
}

我不知道你的意思是弹出

Answer 3

在这里，您可以将时间更改为您想要的秒数。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

 var i=0;
    counterControl = setInterval(function()
    { 
    document.getElementById("clock").innerHTML=i++; 
    if(i==10 && $("#emailInput").val()=="") {
    		clearInterval(counterControl);
            document.getElementById("clock").innerHTML="Time over"; 
            alert("You have missed the timeslot for entering email-id");
            }
     else if(i>10 && !$("#emailInput").val()==""){window.location = "https://stackoverflow.com/questions";}
            
    }, 1000);

    
});
</script>
</head>
<body>
<div id="clock">Time given: 10 seconds </div> </br>

Enter E-mail id: <input type="text" id="emailInput"/>





</body>
</html>

如何在用户未输入电子邮件时发出弹出警报

3 个答案: