div重新显示即刻显示

时间:2016-03-08 16:12:23

标签: javascript cookies

在我的网页上,我添加了延迟内容的DIV。 在计时器用完之前,内容显然不会显示。 请参阅下面的代码。

现在问题是我想立即显示div 重新访问该页面(可能是通过cookie?)。

不幸的是,这个编码对我来说太复杂了,我希望有人能帮助我...(JSfiddle首选)

如果你能帮助我,请提前致谢!

function showIt() {
  document.getElementById("optin").style.visibility = "visible";
}
setTimeout("showIt()", 2000); // after 110 sec (1m50s)
HEY 
<div id="optin" style="visibility: hidden;">
  <p>You can only see this after the timer runs out!</p>
  </div>

1 个答案:

答案 0 :(得分:0)

为你的计时器

setTimeout("showIt()", 2000); // after 110 sec (1m50s)

2000年是2000毫秒,2秒。你想要110000 110秒。

至于设置会话变量:

//checks to make sure the browser supports session storage 
if(typeof(Storage) !== "undefined") {
    //checks to see if the current session variable exists
    if (localStorage.pageVisited) {
        //display the element
        document.getElementById('optin').style.visibility = "visible";
    } else {
        //creates the pageVisited session variable
        localStorage.pageVisited = 1;
    }
}