javascript - 为此 POPUP javascript 添加旋转器功能,计时 10 秒

标签 javascript jquery ajax popup

该脚本轮换 5 个弹出窗口标签,每次网页手动刷新时显示一个弹出窗口。 我希望脚本每 60 秒自动轮换一个弹出标签。

如果某个天才能够做到这一点,我将非常感激他

问候

<script language="JavaScript">
<!--  
var frequencyCap = 12; 
function setCookie(cookieName,cookieValue, expirehours) {
  if (frequencyCap > 0) {
    var today = new Date();
    var expire = new Date();
    expire.setTime(today.getTime() + 10000 * frequencyCap);
    document.cookie = cookieName+"="+escape(cookieValue) + ";expires="+expire.toGMTString();
  } else {
    document.cookie = cookieName+"="+escape(cookieValue);
  }
}
function ReadCookie(cookieName) {
 var theCookie=""+document.cookie;
 var ind=theCookie.indexOf(cookieName);
 if (ind==-1 || cookieName=="") return ""; 
 var ind1=theCookie.indexOf(';',ind);
 if (ind1==-1) ind1=theCookie.length; 
 return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
}
if (ReadCookie('cookie1') != '1') { 
 setCookie('cookie1','1', frequencyCap); 
document.write("TAG POPUP-1");
}else if (ReadCookie('cookie2') != '1') { 
 setCookie('cookie2','1', frequencyCap); 
document.write("TAG POPUP-2");
}else if (ReadCookie('cookie3') != '1') { 
 setCookie('cookie3','1', frequencyCap); 
document.write("TAG POPUP-3");
}else if (ReadCookie('cookie4') != '1') { 
 setCookie('cookie4','1', frequencyCap); 
document.write("TAG POPUP-4");
}else if (ReadCookie('cookie5') != '1') { 
 setCookie('cookie5','1', frequencyCap); 
document.write("TAG POPUP-5");
}
// --> 
</script> 

最佳答案

这是一个简单的定时器函数。您需要做的就是输入代码来切换弹出标签

var timer = setInterval(rotate, 60000);
var idx = 0;

function rotate() {
    if (idx++ < 5) {
    //Insert code to switch popup tags
    document.getElementById("demo").innerHTML = "Index: " + idx;
    //  ^ demo of timer working
    if (idx >= 5)
        idx = 0;
    }
}

https://jsfiddle.net/3t7nqpg7/1/

关于javascript - 为此 POPUP javascript 添加旋转器功能,计时 10 秒,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45580200/

相关文章:

javascript - 有没有办法用 aws-sdk 获取已删除的 s3 对象的先前版本?

javascript - 尝试通过用户输入在 javaScript 中触发事件

javascript - 如何确定在 javascript 或 jquery 中触发事件处理程序的顺序?

javascript - 无法读取未定义的属性 'bind'。 react .js

javascript - 在 iframe 内的隐藏提交按钮上使用 click() 在 FF 和 Chrome 中有效,但在 IE 和 Opera 中无效

javascript - 如何检查 div 中是否有任何内容可见

javascript - 如何设置带有多个环的每个切片的 jqplot donut chart 颜色?

javascript - 403 禁止使用基本身份验证和 ajax 调用 REST API

javascript - 仅在ajax请求成功后才迭代foreach循环数组

javascript - 自动点击/强制触发js功能