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 相关文章推荐
xml分页+ajax请求数据源+dom取结果实例代码
Oct 31 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
javascript实现dom动态创建省市纵向列表菜单的方法
May 14 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
Nov 02 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
JavaScript中的Object对象学习教程
May 20 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
JavaScript基础进阶之数组方法总结(推荐)
Sep 04 Javascript
jquery 验证用户名是否重复代码实例
May 14 jQuery
如何通过shell脚本自动生成vue文件详解
Sep 10 Javascript
微信小程序实现拖拽功能
Sep 26 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 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
一个自定义位数的php多用户计数器代码
2007/03/11 PHP
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
php中jpgraph类库的使用介绍
2013/08/08 PHP
PHP中的Streams详细介绍
2014/11/12 PHP
PHP实现mysqli批量执行多条语句的方法示例
2017/07/22 PHP
PHP简单实现正则匹配省市区的方法
2018/04/13 PHP
ExtJS 2.0实用简明教程 之ExtJS版的Hello
2009/04/29 Javascript
探讨js字符串数组拼接的性能问题
2014/10/11 Javascript
nodejs导出excel的方法
2015/06/30 NodeJs
JS使用正则表达式除去字符串中重复字符的方法
2015/11/05 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
2016/04/17 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
结合mint-ui移动端下拉加载实践方法总结
2017/11/08 Javascript
微信小程序如何获取用户收货地址
2018/11/27 Javascript
jquery实现二级导航下拉菜单效果实例
2019/05/14 jQuery
小程序自定义导航栏兼容适配所有机型(附完整案例)
2020/04/26 Javascript
解决Vue使用bus总线时,第一次路由跳转时数据没成功传递问题
2020/07/28 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
Python2.6版本中实现字典推导 PEP 274(Dict Comprehensions)
2015/04/28 Python
python如何在终端里面显示一张图片
2016/08/17 Python
Python中防止sql注入的方法详解
2017/02/25 Python
python实现简易版计算器
2020/06/22 Python
PyQt5组件读取参数的实例
2019/06/25 Python
Python中字符串List按照长度排序
2019/07/01 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
python global和nonlocal用法解析
2020/02/03 Python
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
增员口号大全
2014/06/18 职场文书
销售活动策划方案
2014/08/26 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
实习护士自荐信
2015/03/25 职场文书
考勤制度通知
2015/04/25 职场文书
地震捐款简报
2015/07/21 职场文书
拒绝盗图!教你怎么用python给图片加水印
2021/06/04 Python