6种JavaScript实时显示系统时间的实现方案

作者:半夏

时间:2026-10-29

浏览:149

本文整理了六种在网页中显示当前系统时间的JavaScript代码实现方式,涵盖实时刷新、静态展示及兼容Firefox等不同场景。此外,还介绍了将日期时间显示在IE浏览器标题栏的个性化代码。开发者可根据实际需求选择最合适的时间显示方案,代码简洁且易于调用。

文章目录

六种JavaScript时间显示方案

第一种方案:使用JavaScript代码实现当前系统时间的显示。

例如,页面可显示如下格式的时间:2015年12月1日 12:05:08 星期二。


<div id="jnkc">

</div>

<script>setInterval("jnkc.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);

</script>

第二种方案:通过JavaScript代码展示当前系统时间。


2015年12月1日

<script language="JavaScript">

<!--

tmpDate = new Date();

date = tmpDate.getDate();

month= tmpDate.getMonth() + 1 ;

year= tmpDate.getYear();

document.write(year);

document.write("年");

document.write(month);

document.write("月");

document.write(date);

document.write("日");

// -->

</script>

第三种方案:采用另一种JavaScript代码来显示系统当前时间。


<!-- 时间代码开始 2015-12-1 星期几 -->

<SCRIPT language=JavaScript>

today=new Date();

function initArray(){

this.length=initArray.arguments.length

for(var i=0;i<this.length;i++)

this[i+1]=initArray.arguments[i]}

var d=new initArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

document.write("<font color=#0099ff> ",today.getYear(),"年",today.getMonth()+1,"月",today.getDate(),"日 ",d[today.getDay()+1],"</font>" );

</SCRIPT>

<!-- 时间代码结束 2015-12-1 星期几 -->

第四种方案:此代码兼容Firefox浏览器,用于显示JavaScript当前系统时间。


<script language="JavaScript" type="text/javascript">

<!--

var enabled = 0; today = new Date();

var day; var date;

if(today.getDay()==0) day = " 星期日"

if(today.getDay()==1) day = " 星期一"

if(today.getDay()==2) day = " 星期二"

if(today.getDay()==3) day = " 星期三"

if(today.getDay()==4) day = " 星期四"

if(today.getDay()==5) day = " 星期五"

if(today.getDay()==6) day = " 星期六"

date = (today.getFullYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +"";

document.write(date);

// -->

</script>

第五种方案:利用JavaScript代码呈现系统当前时间。


<script language="JavaScript">

<!--

tmpDate = new Date();

date = tmpDate.getDate();

month= tmpDate.getMonth() + 1 ;

year= tmpDate.getYear();

document.write(year);

document.write("年");

document.write(month);

document.write("月");

document.write(date);

document.write("日");

// -->

</script>

第六种方案:通过特定的JavaScript代码显示系统当前时间。


<script language="JavaScript">

var isMonth = new

Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

var isDay = new

Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");

today = new Date () ;

Year=today.getYear();

Date=today.getDate();

if (document.all)

document.title="今天是: "+Year+"年"+isMonth[today.getMonth()]+Date+"日"+isDay[today.getDay()]

</script>

IE标题栏显示时间技巧

在IE浏览器的标题栏中显示日期和时间的JavaScript代码。

该功能允许将时间和日期显示在网页的标题栏中,这是一种颇具个性的功能。其代码实现非常简单,易于理解且调用方便。


<title>网页标题栏显示时间</title>

<script language="JavaScript">

var isMonth = new

Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

var isDay = new

Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六","星期日");

today = new Date () ;

Year=today.getYear();

Date=today.getDate();

if (document.all)

document.title="今天是: "+Year+"年"+isMonth[today.getMonth()]+Date+"日"+isDay[today.getDay()]

</script>

上述提供了六种利用JavaScript显示当前系统时间的方法。读者可以对比各种方法,选择最适合自身需求的一种进行使用。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章