이 기사에서는 웹 페이지 제목 표시 줄의 깜박 거리는 프롬프트 효과를 달성하기위한 JS 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 분석은 다음과 같습니다.
우리는 종종 현재 트래픽이있는 채팅방과 같은 일부 채팅 도구에서 웹 페이지 제목 표시 줄의 깜박임 효과를 봅니다. 깜박 거리는 웹 페이지 제목 표시 줄을 구현하기위한 신속한 코드를 요약하겠습니다. 관심이 있으시면 참조하십시오.
이 회사의 프로젝트는이 새로운 메시지 프롬프트의 효과를 사용합니다.이 메시지는 주로 사용자에게 새 메시지를 갖도록하는 데 사용됩니다. 특정 구현 코드는 다음과 같습니다.
var newMessagerEmind = {_ step : 0, _title : document.title, _timer : null, // 새 메시지 표시 표시 : function () {var temps = newMessagerEmind._title.replace ( "【】", ",", ") {newMessagerEmind.show (); // 쿠키 작업을 여기에 작성합니다. 여기에 쿠키 작업을 작성하십시오. NewMessagerEmind._step ++; if (newMessagerEmind._STEP == 3) {NewMessagerEmind._step = 1}; if (newMessagerEmind._STEP == 1) {document.title = "+temps}; 2) {docut 여기}}; 새 메시지 프롬프트를 표시하려면 호출 : newMessageRemind.show();
새 메시지를 취소하려면 호출 : newMessageRemind.clear();
위의 코드를 읽은 후 직접 최적화하겠습니다. 어쨌든, 나는 그것을 직접 흡수하고 배울 수 있습니다. :) 나는 주로 그의 코드의 NewMessagerEmind 필드가 너무 많이 사용되었다고 생각합니다. 밀도가 높고 불편 해 보입니다. 나는 그것을 신선한 방식으로 보여줄 생각을했기 때문에 다음 코드를 얻었습니다.
var newMessagerEmind = function () {var i = 0, title = document.title, loop; return {show : function () {loop = setInterval (function () {i ++; if (i == 1) document.title = '【새 메시지】' + title; if (i == 2) document.title = '【】' + title; if (i == 3) i = 0;}, 800); }, 정지 : function () {clearInterVal (루프); 문서 .title = 제목; }}; } ();훨씬 더 신선합니까? ^_^
<! doctype html> <html lang = "en-us"> <head> <meta charset = "utf-8"> <title> 휴가입니다! ! ! </title> </head> <body> <버튼 id = "테스트"> 정지 </button> <script type = "text/javaScript"> var newMessagerEmind = function () {var i = 0, title = document.title, loop; return {show : function () {loop = setInterval (function () {i ++; if (i == 1) document.title = '【새 메시지】' + title; if (i == 2) document.title = '【】' + title; if (i == 3) i = 0;}, 800); }, 정지 : function () {clearInterVal (루프); 문서 .title = 제목; }};} (); newMessagerEmind.show (); documb계속해서 하나를 공유하십시오
<ctlic () {var origintitile = document.title, titletime, ittletime; documb settimeout (function () {document.title = Origintitile;}, 2000);} (); </script>이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.