手机
当前位置:查字典教程网 >编程开发 >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实现页面实时显示当前时间的简单实例】相关文章:

javasript实现密码的隐藏与显示

javascript实现可拖动变色并关闭层窗口实例

javascript实现简单的省市区三级联动

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

JavaScript实现的MD5算法完整实例

基于JavaScript实现智能右键菜单

JavaScript实现广告的关闭与显示效果实例

用JavaScript实现对话框的教程

JavaScript实现弹出模态窗体并接受传值的方法

Javascript 字符串模板的简单实现

精品推荐
分类导航