本文整理了六种在网页中显示当前系统时间的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显示当前系统时间的方法。读者可以对比各种方法,选择最适合自身需求的一种进行使用。