基于javascript实现动态显示当前系统时间,6种ja

作者: 网络应用  发布:2019-09-03

第一种:javascript显示当前系统时间代码

本文实例讲解了javascript实现动态显示当前系统时间的详细代码,具体内容如下

2015年12月1日 12:05:08 星期二

  • (1)时间日期信息,应该在一个<div>中来显示
  • (2)定时器:每隔一秒再次访问系统时间,window对象的setTimeout()
  • (3)时钟显示的时机(事件):当网页加载完成后才显示,事件onload
  • (4)如何将 时间日期信息 写入到指定的<div>中,DOM对象中的innerHTML属性
<div id="jnkc">

</div>

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

</script>

效果图:

第二种:javascript显示当前系统时间代码

图片 1

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显示当前系统时间代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">


//定义函数:构建要显示的时间日期字符串
function showTime()
{
 //创建Date对象
 var today = new Date();
 //分别取出年、月、日、时、分、秒
 var year = today.getFullYear();
 var month = today.getMonth()+1;
 var day = today.getDate();
 var hours = today.getHours();
 var minutes = today.getMinutes();
 var seconds = today.getSeconds();
 //如果是单个数,则前面补0
 month  = month<10  ? "0"+month : month;
 day  = day <10  ? "0"+day : day;
 hours  = hours<10  ? "0"+hours : hours;
 minutes = minutes<10 ? "0"+minutes : minutes;
 seconds = seconds<10 ? "0"+seconds : seconds;

 //构建要输出的字符串
 var str = year+"年"+month+"月"+day+"日 "+hours+":"+minutes+":"+seconds;

 //获取id=result的对象
 var obj = document.getElementById("result");
 //将str的内容写入到id=result的<div>中去
 obj.innerHTML = str;
 //延时器
 window.setTimeout("showTime()",1000);
}
</script>
<style type="text/css">
#result{
 width:500px;
 border:1px solid #CCCCCC;
 background:#FFFFCC;
 margin:50px auto;
 font-size:24px;
 color:#FF0000;
 padding:20px;
}
</style>
</head>

<body onload="showTime()">
<div id="result"></div>
</body>
</html>
<!-- 时间代码开始 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 星期几 -->

希望本文所述对大家的javascript程序设计有所帮助。

第四种(兼容火狐):javascript显示当前系统时间代码

您可能感兴趣的文章:

  • js显示当前系统时间的代码
  • jsp实现页面实时显示当前系统时间的方法
  • 6种javascript显示当前系统时间代码
  • javascript 显示当前系统时间代码
  • 基于JS代码实现实时显示系统时间
  • JavaScript实现实时更新系统时间的实例代码
  • js流动式效果显示当前系统时间
  • 纯JavaScript实现实时反馈系统时间
  • JavaScript Date对象使用总结
  • JS之Date对象和获取系统当前时间详解
  • JS使用Date对象实时显示当前系统时间简单示例
<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标题栏显示日期时间的JS代码

可以让时间、日期显示在你网页的标题栏,很个性的功能,其实代码很简单,看了就会,也很好调用。

<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显示当前系统时间方法,大家最喜欢哪种方法,我们可以认真对比,选择最合适的一种进行使用。

您可能感兴趣的文章:

  • js显示当前系统时间的代码
  • jsp实现页面实时显示当前系统时间的方法
  • javascript 显示当前系统时间代码
  • 基于javascript实现动态显示当前系统时间
  • 基于JS代码实现实时显示系统时间
  • JavaScript实现实时更新系统时间的实例代码
  • js流动式效果显示当前系统时间
  • 纯JavaScript实现实时反馈系统时间
  • JavaScript Date对象使用总结
  • JS之Date对象和获取系统当前时间详解
  • JS使用Date对象实时显示当前系统时间简单示例

本文由王中王开奖结果发布于网络应用,转载请注明出处:基于javascript实现动态显示当前系统时间,6种ja

关键词: