JS réalise un titre de page Web super simple en cours d'exécution et des compétences code_javascript à effet d'invite clignotante-js tutoriel-php.cn

JS réalise un titre de page Web super simple en cours d'exécution et des compétences code_javascript à effet d'invite clignotante

WBOY

Libérer： 2016-05-16 15:35:26

original

1722 Les gens l'ont consulté

L'exemple de cet article décrit l'implémentation JS d'un titre de page Web super simple exécutant et faisant clignoter un code d'effet d'invite. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Voici une démonstration de l'effet d'exécution du texte du titre de la page Web obtenu avec seulement quelques lignes de code JS, similaire à la fonction de rappel clignotant du titre lorsqu'il y a un message dans le code JS, lorsque la variable _record s'accumule à 3, on lui attribue la valeur 1. Equivalent à une boucle infinie. Le contenu de l'invite de message qui doit être affichée peut être personnalisé.

La capture d'écran de l'effet en cours d'exécution est la suivante :

L'adresse de la démo en ligne est la suivante :

http://demo.jb51.net/js/2015/js-title-blink-style-codes/

Le code spécifique est le suivant :

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>JS实现title标题闪烁提示信息</title>
</head>
<body>
<script type="text/javascript">
_record = 0;
var myTitle = document.title;
function titleBlink(){
  _record++;
  if(_record==3){//当变量_record累加到3是，将其赋值为1。相当于无限循环。
    _record=1;
  }
  if(_record==1){
    document.title='【  】'+myTitle;
  }
  if(_record==2){
    document.title='【新消息】'+myTitle;
  }
  setTimeout("titleBlink()",500);//调节时间，单位毫秒。
}
titleBlink();
</script>
<center><h1>几行js实现闪烁的title。</h1></center>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>

Copier après la connexion

J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.

Php8, je viens aussi

Apprenez la mise en page d'un site Web en 30 minutes

Tutoriel vidéo Shangguan Oracle débutant à compétent

Votre première ligne de code UNI-APP

Flutter de zéro au lancement de l'application

Brother Lian Nouveau didacticiel vidéo Linux

Tutoriel vidéo AXURE 9 (convient à l'interface utilisateur interactive de conception de produits du chef de produit)

Tutoriel vidéo PS Zero Basic Proficiency

Tutoriel vidéo de 16 jours sur l'interface utilisateur pour vous aider à démarrer

Tutoriel vidéo sur les techniques PS et les techniques de découpage

Tutoriel vidéo sur la construction et le lancement de projets d'Alibaba Cloud Environment

Présentation des réseaux informatiques - Connaissances de base que les programmeurs doivent maîtriser

Tutoriel essentiel pour les programmeurs - Explication du protocole HTTP

Tutoriel vidéo Websocket

JS réalise un titre de page Web super simple en cours d'exécution et des compétences code_javascript à effet d'invite clignotante