2015-10-13 95 views
0

我發現類似的代碼的其他地方在這個網站,但不能讓它爲我的情況下工作。隱藏延遲div來新的訪問者,立即顯示到回訪者

我試圖拖延出一個div(在此盒8秒鐘的延遲),以新的訪問者,但如果cookie設置,然後立即顯示div來回訪者。

目前看來,第一部分作品 - 時8秒後div來新訪客 - 和我的代碼設置cookie,但第二部分 - 立刻呈現給回訪者的股利 - doesn't一切工作,事實上,從來沒有似乎顯示div的內容。

我用盡了一切我能想到走動,但沒有運氣。

下面是相關的代碼(包括餅乾代碼)都放在HEAD部分:

<script type="text/javascript"> 
 
function createCookie(name, value, days) { 
 
    if (days) { 
 
     var date = new Date(); 
 
     date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); 
 
     var expires = "; expires=" + date.toGMTString(); 
 
    } else var expires = ""; 
 
    document.cookie = name + "=" + value + expires + "; path=/"; 
 
} 
 

 
function readCookie(name) { 
 
    var nameEQ = name + "="; 
 
    var ca = document.cookie.split(';'); 
 
    for (var i = 0; i < ca.length; i++) { 
 
     var c = ca[i]; 
 
     while (c.charAt(0) == ' ') c = c.substring(1, c.length); 
 
     if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); 
 
    } 
 
    return null; 
 
} 
 

 
</script> 
 

 
<script type="text/javascript"> 
 
function showbox() { 
 
    document.getElementById("show-this").style.visibility = "visible"; 
 
} 
 
if (!readCookie('visitedPreviously')) { //if he/she is a new user 
 
    setTimeout("showbox()", 8000); // after 8 secs createCookie('visitedPreviously', 'visitedPreviously', 3); // 365 days persistence 
 
} 
 
</script>
<div id="show-this" style="visibility: hidden"><div class="center-this"><a href="mylink" target="_blank"><img src="mysource" alt="some text" /></a></div> 
 
</div>

我已經試過「功能showbox」移動身體,試圖如果/該函數內部else語句,移動代碼到一個.js文件,使用CSS,以及更多,但現在我只是需要一些幫助,因爲我顯然不知道我在做什麼。

謝謝你的時間。

回答

0
if (!readCookie('visitedPreviously')) { //if he/she is a new user 
    setTimeout("showbox()", 8000); // after 8 secs 
    createCookie('visitedPreviously', 'visitedPreviously', 3); // 365 days persistence 
} else { 
    showbox(); 
} 

你忘記了別的:)

+0

謝謝你的回答,但是這似乎使情況變得更糟的頁面不再顯示在div塊新的用戶,不再設置cookie。劇本似乎什麼都不做。 –

+0

嗯,它看起來像它在這裏工作:http://codepen.io/anon/pen/zvPqax?editors=101 – Benjaco