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 相关文章推荐
Flash+XML滚动新闻代码 无图片 附源码下载
Nov 22 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
3种不同方式的焦点图轮播特效分享
Oct 30 Javascript
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
jquery使用淘宝接口跨域查询手机号码归属地实例
Nov 28 Javascript
js定时调用方法成功后并停止调用示例
Apr 08 Javascript
Javascript动态引用CSS文件的2种方法介绍
Jun 06 Javascript
AngularJS学习笔记之基本指令(init、repeat)
Jun 16 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
Jul 27 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
Vuex提升学习篇
Jan 11 Javascript
解决vue自定义指令导致的内存泄漏问题
Aug 04 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
博士208HAF收音机实习报告
2021/03/02 无线电
朋友网关于QQ相关的PHP代码(研究QQ的绝佳资料)
2015/01/26 PHP
PHP答题类应用接口实例
2015/02/09 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
PHP receiveMail实现收邮件功能
2018/04/25 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
js 判断浏览器类型 去全角、半角空格 自动关闭当前窗口
2009/04/10 Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
2010/04/27 Javascript
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
JS获取后台Cookies值的小例子
2013/03/04 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
通过js来制作复选框的全选和不选效果
2014/05/22 Javascript
基于JavaScript实现智能右键菜单
2016/03/02 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
Angularjs验证用户输入的字符串是否为日期时间
2017/06/01 Javascript
Vue 2.0 侦听器 watch属性代码详解
2019/06/19 Javascript
layui数据表格跨行自动合并的例子
2019/09/02 Javascript
微信小程序接入腾讯云验证码的方法步骤
2020/01/07 Javascript
pymssql ntext字段调用问题解决方法
2008/12/17 Python
python实现查询IP地址所在地
2015/03/29 Python
Django实现组合搜索的方法示例
2018/01/23 Python
详解Django中CBV(Class Base Views)模型源码分析
2019/02/25 Python
python实现udp传输图片功能
2020/03/20 Python
CSS3打造百度贴吧的3D翻牌效果示例
2017/01/04 HTML / CSS
找工作求职信
2014/07/07 职场文书
校本课程教学计划
2015/01/19 职场文书
写给老师的感谢信
2015/01/20 职场文书
小班下学期个人总结
2015/02/12 职场文书
敬老院志愿者活动总结
2015/05/06 职场文书
创业计划书之家政服务
2019/09/18 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
Pandas 稀疏数据结构的实现
2021/07/25 Python
避坑之 JavaScript 中的toFixed()和正则表达式
2022/04/19 Javascript