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

Kaedah JS untuk melaksanakan masa paparan bar status penyemak imbas

PHPz
Lepaskan: 2018-09-28 16:34:56
ke hadapan
2068 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!

Label berkaitan:
sumber:jb51.net
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan