我正在尝试为用户发送欢迎消息。
我的计划是:
- 如果用户第一次访问该页面,则在 30 秒后显示一个
div
消息; - 如果用户已经访问过该页面,则无需显示
div
消息。
我写了这段代码:
我的 cookie 代码
<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;
}
function eraseCookie(name) {
createCookie(name, "", -1);
}
</script>
我的显示代码
<script type="text/javascript">
function showbox() {
document.getElementById("apDiv1").style.visibility = "visible";
}
setTimeout("showbox()", 30000); // after 5 secs
</script>
<script type="text/javascript">
if (!readCookie('visitedPreviously')) {
showbox();
//document.write(' Your Message Goes Here And You See It Only Once ');
createCookie('visitedPreviously', 'visitedPreviously', 3); // 365 days persistence
}
//eraseCookie('visitedPreviously'); // FOR TEST PURPOSES
</script>
我的问题是当访问者第一次访问该页面时,div 会立即显示(30 秒)- 不起作用
但是,当回访者再次访问该页面时,div
会在 30 秒后显示。
我希望第一次用户访问在 30 秒后显示 div 消息。
请帮帮我。
最佳答案
根据您的解释,您希望在 30 秒后仅向新用户显示一个对话框。因此,您需要将代码更改为以下内容:
<script type="text/javascript">
function showbox() {
document.getElementById("apDiv1").style.visibility = "visible";
}
if (!readCookie('visitedPreviously')) { //if he/she is a new user
setTimeout("showbox()", 30000); // after 30 secs
//document.write(' Your Message Goes Here And You See It Only Once ');
createCookie('visitedPreviously', 'visitedPreviously', 3); // 365 days persistence
}
//eraseCookie('visitedPreviously'); // FOR TEST PURPOSES
</script>
关于javascript - 30 秒后显示 Div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30591781/