JavaScript实现页面实时显示当前时间的简单实例

作者: 计算机网络技术  发布:2019-09-14

复制代码 代码如下:

<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();", 一千); //设定函数自动实施时间为 一千 ms(1 s)
}
</script>
<div id="time"></div>
<script language="javascript"> showtime();</script>
</body>
</html>

你也许感兴趣的稿子:

  • JS轻松测验循环运维时刻的法门
  • js完成网页倒计时、网址已运转时刻功用的代码3例
  • js查看三个函数的施行时间实例代码
  • js实践时间查看器
  • 收获关节时,利用js机械漏刻设定期间试行动作
  • js 页面奉行时间总括代码
  • 用js总计页面施行时间的函数
  • 总括一千00数组js脚本的推行时间
  • js获取当前光阴呈现在页面上并每秒刷新
  • 用js实现计算加载页面所用的年华
  • 页面实时更新时间的JS实例代码
  • Javascript落到实处的StopWatch作用示例

本文由今晚买四不像发布于计算机网络技术,转载请注明出处:JavaScript实现页面实时显示当前时间的简单实例

关键词:

上一篇:jquery封装的对话框轻易达成
下一篇:没有了