首頁(yè) 猿問(wèn) 如何在每隔一定時(shí)間間隔后顯示一次 div

如何在每隔一定時(shí)間間隔后顯示一次 div

JavaScript

紫衣仙女 2021-06-10 14:15:00

我正在創(chuàng)建一個(gè)用戶(hù)問(wèn)候消息，它根據(jù)時(shí)間向用戶(hù)發(fā)送諸如早安、下午好和晚安之類(lèi)的消息。一切正常，但我想知道如何在顯示一次后隱藏消息直到白天更改，并在消息更改的當(dāng)天時(shí)間再次顯示消息。例如，當(dāng)您早上第一次打開(kāi)網(wǎng)站時(shí)，它只會(huì)問(wèn)候您一次早安信息，然后每次刷新頁(yè)面時(shí)都不會(huì)顯示此問(wèn)候信息，直到下一天下午或晚上開(kāi)始，并且反之亦然。這可能嗎？

查看完整描述

2 回答

弒天下

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊

是的，您可以使用 Simple LocalStorage（用于維護(hù)顯示的最后一條消息歷史記錄）和Javascript 中的日期時(shí)間比較來(lái)完成此操作

setInterval(greet , 1000*60);

function greet(){

var date = new Date();

try{

if(!localStorage.lastGreeted || !localStorage.lastGreetedPeriod)

greetWithMessage(date);

else if(getDate(localStorage.lastGreeted)!=getDate(date))

greetWithMessage(date);

else if(divideDayTime(date.getHours())!=localStorage.lastGreetedPeriod)

greetWithMessage(date);

}

catch(err){

greetWithMessage(date);

}

function getDate(obj){

if(!(obj instanceof Date) )

obj = new Date(obj);

return obj.getDate()+'-'+(1+obj.getMonth())+'-'+obj.getFullYear();

}

function divideDayTime(hours){

//Update Message and It's Period Here

if(hours<12)

return 'MORNING';

else if(hours>=12 && hours <=16)

return 'AFTERNOON';

else if(hours>16 && hours<=20)

return "EVENING";

else

return "NIGHT";

}

function greetWithMessage(d){

localStorage.lastGreeted=d;

var message = localStorage.lastGreetedPeriod=divideDayTime(d.getHours());

alert("Good "+ message);

}

</script>

反對(duì) 回復(fù) 2021-06-24

慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊

您可以為此使用模態(tài)來(lái)在用戶(hù)訪問(wèn)平臺(tái)時(shí)顯示問(wèn)候語(yǔ)。將上次登錄時(shí)間存儲(chǔ)在 cookie 中，并在他們每次登錄時(shí)訪問(wèn)該時(shí)間，并向他們提供適當(dāng)?shù)膯?wèn)候語(yǔ)。

反對(duì) 回復(fù) 2021-06-24