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 相关文章推荐
ext combox 下拉框不出现自动提示,自动选中的解决方法
Feb 24 Javascript
json原理分析及实例介绍
Nov 29 Javascript
javascript break指定标签打破多层循环示例
Jan 20 Javascript
node.js中的buffer.toJSON方法使用说明
Dec 14 Javascript
jQuery实现的网页竖向菜单效果代码
Aug 26 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
JavaScript实现水平进度条拖拽效果
Jan 18 Javascript
Thinkjs3新手入门之如何使用静态资源目录
Dec 06 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
Feb 12 Javascript
Paypal支付不完全指北
Jun 04 Javascript
openlayers实现地图弹窗
Sep 25 Javascript
低门槛开发iOS、Android、小程序应用的前端框架详解
Oct 16 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
收音机的保养
2021/03/01 无线电
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
php禁止直接从浏览器输入地址访问.php文件的方法
2014/11/04 PHP
PHP中使用array函数新建一个数组
2015/11/19 PHP
php基于jquery的ajax技术传递json数据简单实例
2016/04/15 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
PHP实现动态压缩js与css文件的方法
2018/05/02 PHP
php实现将数据做成json的格式给前端使用
2018/08/21 PHP
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
JS实现简单的顶部定时关闭层效果
2014/06/15 Javascript
javascript绘制漂亮的心型线效果完整实例
2016/02/02 Javascript
Vue.js每天必学之计算属性computed与$watch
2016/09/05 Javascript
jQuery实现一个简单的轮播图
2017/02/19 Javascript
基于JS实现移动端左滑删除功能
2017/07/28 Javascript
JS原生数据双向绑定实现代码
2017/08/14 Javascript
jQuery实现通过方向键控制div块上下左右移动的方法【测试可用】
2018/04/26 jQuery
JavaScript面向对象程序设计创建对象的方法分析
2018/08/13 Javascript
[03:28]2014DOTA2国际邀请赛 走近EG战队天才中单Arteezy
2014/07/12 DOTA
[01:53]2016完美“圣”典风云人物:Maybe专访
2016/12/05 DOTA
python3.5 tkinter实现页面跳转
2018/01/30 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
Python3.5实现的罗马数字转换成整数功能示例
2019/02/25 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
Python用来做Web开发的优势有哪些
2020/08/05 Python
维多利亚的秘密官方网站:Victoria’s Secret
2018/10/24 全球购物
如何提高SQL Server的安全性
2016/07/25 面试题
师范毕业生求职自荐信
2013/09/25 职场文书
工商管理实习生自我鉴定范文
2013/12/18 职场文书
个人自我评价和职业目标
2014/01/24 职场文书
招聘专员岗位职责
2014/03/07 职场文书
计划生育汇报材料
2014/12/26 职场文书
民事辩护词范文
2015/05/21 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
学习师德师风的心得体会(2篇)
2019/10/08 职场文书
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL