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


Posted in Javascript onJuly 20, 2013
<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 相关文章推荐
用jquery实现自定义风格的滑动条实现代码
Apr 26 Javascript
node.js中的fs.ftruncate方法使用说明
Dec 15 Javascript
AngularJS中处理多个promise的方式
Feb 02 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
Sep 21 Javascript
AngularJS 与百度地图的结合实例
Oct 20 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
JS+canvas动态绘制饼图的方法示例
Sep 12 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
vue router的基本使用和配置教程
Nov 05 Javascript
原生JS检测CSS3动画是否结束的方法详解
Jan 27 Javascript
微信小程序实现banner图轮播效果
Jun 28 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
js动态创建表格,删除行列的小例子
Jul 20 #Javascript
JavaScript中setAttribute用法介绍
Jul 20 #Javascript
jquery动态添加删除div 具体实现
Jul 20 #Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 #Javascript
鼠标焦点离开文本框时验证的js代码
Jul 19 #Javascript
jquery的flexigrid无法显示数据提示获取到数据
Jul 19 #Javascript
GridView中获取被点击行中的DropDownList和TextBox中的值
Jul 18 #Javascript
You might like
PR值查询 | PageRank 查询
2006/12/20 PHP
PHP设计模式之迭代器模式的深入解析
2013/06/13 PHP
PHP中魔术变量__METHOD__与__FUNCTION__的区别
2014/09/29 PHP
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
用js通过url传参把数据从一个页面传到另一个页面
2014/09/01 Javascript
创建你的第一个AngularJS应用的方法
2015/06/16 Javascript
跟我学习javascript的函数和函数表达式
2015/11/16 Javascript
JavaScript基础——使用Canvas绘图
2016/11/02 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
JavaScript实现精美个性导航栏筋斗云效果
2017/10/29 Javascript
jquery-file-upload 文件上传带进度条效果
2017/11/21 jQuery
vue实现打印功能的两种方法
2018/09/07 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
Vue3 中的数据侦测的实现
2019/10/09 Javascript
[54:53]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第二场
2014/05/23 DOTA
python将人民币转换大写的脚本代码
2013/02/10 Python
python使用xauth方式登录饭否网然后发消息
2014/04/11 Python
Python 转义字符详细介绍
2017/03/21 Python
python中的内置函数max()和min()及mas()函数的高级用法
2018/03/29 Python
python scp 批量同步文件的实现方法
2019/01/03 Python
Numpy实现卷积神经网络(CNN)的示例
2020/10/09 Python
Python基于opencv的简单图像轮廓形状识别(全网最简单最少代码)
2021/01/28 Python
小蚁科技官方商店:YI Technology
2019/08/23 全球购物
数据库的约束含义
2012/09/09 面试题
高中生毕业自我鉴定范文
2013/12/22 职场文书
酒店led欢迎词
2014/01/09 职场文书
幼儿园中班教学反思
2014/02/10 职场文书
社区工作者演讲稿
2014/05/23 职场文书
单位委托书范本(3篇)
2014/09/18 职场文书
会计岗位职责
2015/02/03 职场文书
2015年学校保卫部工作总结
2015/05/11 职场文书
2016年母亲节寄语
2015/12/04 职场文书
培训心得体会怎么写
2016/01/25 职场文书
pytorch 梯度NAN异常值的解决方案
2021/06/05 Python
MongoDB使用场景总结
2022/02/24 MongoDB