cari

Rumah  >  Artikel  >  hujung hadapan web  >  Kaedah JS untuk melaksanakan masa paparan bar status penyemak imbas

Kaedah JS untuk melaksanakan masa paparan bar status penyemak imbas

PHPz
PHPzke hadapan
2016-05-16 15:34:542035semak imbas

Artikel ini terutamanya memperkenalkan kaedah JS untuk melaksanakan paparan masa dalam bar status penyemak imbas, yang melibatkan kemahiran berkaitan JavaScript untuk operasi bar status dan masa. Rakan yang memerlukannya boleh merujuknya seperti berikut:

Semasa saya membuat halaman utama peribadi saya, saya sentiasa suka menjadikan halaman web saya sangat diperibadikan, saya menggunakan teks ticker di Internet, memaparkan ucapan dalam bar status atau menambah paparan masa dalam status bar. Kod ini melaksanakan status Lajur memaparkan bahan pada masa semasa Firefox tidak mengesannya, tetapi kesannya sempurna di bawah IE.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Alamat demo dalam talian adalah seperti berikut:

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

Kod khusus adalah seperti berikut: 

<!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>

Kod di atas ialah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila Lawati Tutorial Video JavaScript!

Kenyataan：
Artikel ini dikembalikan pada:jb51.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：Kod kesan khas kembali dinamik ke atas dilaksanakan oleh jquery_jqueryArtikel seterusnya：Kod kesan khas kembali dinamik ke atas dilaksanakan oleh jquery_jquery

Artikel berkaitan

Lihat lagi