Maison  >  Article  >  interface Web  >  Méthode JS pour implémenter le temps d'affichage de la barre d'état du navigateur

Méthode JS pour implémenter le temps d'affichage de la barre d'état du navigateur

PHPz
PHPzavant
2016-05-16 15:34:542035parcourir

Cet article présente principalement la méthode JS pour implémenter l'affichage de l'heure dans la barre d'état du navigateur, impliquant des compétences liées à JavaScript pour les opérations de la barre d'heure et d'état. Il a une certaine valeur de référence. Les amis qui en ont besoin peuvent s'y référer. comme suit :

Lorsque je créais ma page d'accueil personnelle, j'ai toujours aimé rendre ma page Web très personnalisée. J'utilisais du texte de ticker sur Internet, j'affichais des salutations dans la barre d'état ou j'ajoutais l'affichage de l'heure dans l'état. bar. Ce code implémente le statut La colonne affiche les matériaux à l'heure actuelle Firefox ne le détecte pas, mais l'effet est parfait sous IE.

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

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

http : //demo.jb51.net/ js/2015/js-status-bar-show-time-demo/

Le code spécifique est le suivant :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>状态栏时间显示</TITLE>
</HEAD>
<script language="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock (){
  if(timerRunning)
    clearTimeout(timerID);
  timerRunning = false;
}
function showtime () {
  var now = new Date();
  var hours = now.getHours();
  var minutes = now.getMinutes();
  var seconds = now.getSeconds()
  var timeValue = " " + ((hours >12) ? hours -12 :hours)
  timeValue += ((minutes < 10) ? ":0" : ":") + minutes
  timeValue += ((seconds < 10) ? ":0" : ":") + seconds
  timeValue += (hours >= 12) ? " 下午" : " 上午"
  window.status = timeValue;
  timerID = setTimeout("showtime()",1000);
  timerRunning = true;
}
function startclock () {
  stopclock();
  showtime();
}
</script>
<body bgcolor="#336699" topmargin="0" leftmargin="0" onLoad="startclock()">请看左下角!状态栏有时间显示!</BODY>
</HTML>

Le ci-dessus est l'intégralité du contenu de ce chapitre. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo JavaScript !

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer