手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JavaScript实现页面实时显示当前时间的简单实例
JavaScript实现页面实时显示当前时间的简单实例
摘要:复制代码代码如下:JavaScript实现页面实时显示当前时间functionshowtime(){vartoday,hour,second...

复制代码 代码如下:

<html>

<head>

<title>JavaScript实现页面实时显示当前时间</title>

</head>

<body>

<script language="javascript">

function showtime()

{

var today,hour,second,minute,year,month,date;

var strDate ;

today=new Date();

var n_day = today.getDay();

switch (n_day)

{

case 0:{

strDate = "星期日"

}break;

case 1:{

strDate = "星期一"

}break;

case 2:{

strDate ="星期二"

}break;

case 3:{

strDate = "星期三"

}break;

case 4:{

strDate = "星期四"

}break;

case 5:{

strDate = "星期五"

}break;

case 6:{

strDate = "星期六"

}break;

case 7:{

strDate = "星期日"

}break;

}

year = today.getYear();

month = today.getMonth()+1;

date = today.getDate();

hour = today.getHours();

minute =today.getMinutes();

second = today.getSeconds();

if(month<10) month="0"+month;

if(date<10) date="0"+date;

if(hour<10) hour="0"+hour;

if(minute<10) minute="0"+minute;

if(second<10) second="0"+second;

document.getElementById('time').innerHTML = year + "年" + month + "月" + date + "日 " + strDate +" " + hour + ":" + minute + ":" + second; //显示时间

setTimeout("showtime();", 1000); //设定函数自动执行时间为 1000 ms(1 s)

}

</script>

<div id="time"></div>

<script language="javascript"> showtime();</script>

</body>

</html>

【JavaScript实现页面实时显示当前时间的简单实例】相关文章:

javascript实现获取服务器时间

javascript实现树形菜单的方法

Javascript实现每日自动换一张图片的方法

JavaScript数组去重的3种方法和代码实例

JavaScript事件委托实例分析

JavaScript实现表格点击排序的方法

JavaScript基于setTimeout实现计数的方法

JavaScript实现的MD5算法完整实例

javascript基于DOM实现权限选择实例分析

javascript实现Table排序的方法

精品推荐
分类导航