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>
J'espère que cet article sera utile à tout le monde dans la programmation JavaScript.
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
