> 웹 프론트엔드 > JS 튜토리얼 > js_javascript 기술로 구현된 제목 표시줄의 새로운 메시지 깜박임 프롬프트 효과

js_javascript 기술로 구현된 제목 표시줄의 새로운 메시지 깜박임 프롬프트 효과

WBOY
풀어 주다: 2016-05-16 16:45:37
원래의
1709명이 탐색했습니다.

이 새로운 메시지 프롬프트 효과는 회사의 프로젝트에서 사용되며 주로 사용자에게 새로운 메시지가 있음을 상기시키는 데 사용됩니다. 구체적인 구현 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

var newMessageRemind = {
_step: 0,
_title: document.title,
_timer: null,
//새 메시지 프롬프트 표시
show: function() {
var temps = newMessageRemind._title.replace("【 ]", "").replace("[새 메시지]", "");
newMessageRemind._timer = setTimeout(function() {
newMessageRemind.show();
//쿠키 쓰기 작업 여기
newMessageRemind._step ;
if (newMessageRemind._step == 3) {
newMessageRemind._step = 1
};
if (new MessageRemind._step == 1) {
> 800); document.title = newMessageRemind._title;
//여기에 쿠키 작업 쓰기
}

};



새 메시지 알림을 표시하려면 호출: newMessageRemind.show();

새 메시지 알림 취소 전화: newMessageRemind.clear();


또 다른: 이 간단한 코드는 다음과 같은 문제를 일으킬 수 있습니다. 즉, 사이트의 여러 페이지를 열 때 새로운 뉴스가 있으면 모든 페이지가 계속 깜박입니다. 메시지를 본 후에도 여전히 메시지가 표시됩니다.


저희 회사는 쿠키를 사용하여 문제를 해결합니다. 새 메시지를 볼 때 제목이 깜박이는 모든 페이지에서는 프롬프트가 취소됩니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿