Kaedah JS untuk melaksanakan masa paparan bar status penyemak imbas-tutorial js-php.cn

Kaedah JS untuk melaksanakan masa paparan bar status penyemak imbas

PHPz

Lepaskan： 2018-09-28 16:34:56

ke hadapan

2008 orang telah melayarinya

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>

Salin selepas log masuk

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