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 相关文章推荐
JavaScript语言中的Literal Syntax特性分析
Mar 08 Javascript
javascript 学习笔记(onchange等)
Nov 14 Javascript
jQuery.extend 函数的详细用法
Jun 27 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
JQuery右键菜单插件ContextMenu使用指南
Dec 19 Javascript
AngularJs表单验证实例详解
May 30 Javascript
用js实现简单算法的实例代码
Sep 24 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
Nov 21 Javascript
原生js实现弹出层登录拖拽功能
Dec 05 Javascript
Vue.js图片预览插件使用详解
Aug 27 Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 Javascript
JS把字符串格式的时间转换成几秒前、几分钟前、几小时前、几天前等格式
Jul 10 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
消息持续发送的完整例子
2006/10/09 PHP
很好用的PHP数据库类
2009/05/27 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
从零开始学YII2框架(五)快速生成代码工具 Gii 的使用
2014/08/20 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
JS文本框不能输入空格验证方法
2013/03/19 Javascript
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
JS实现的省份级联实例代码
2013/06/24 Javascript
Jquery常用的方法汇总
2015/09/01 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
2016/01/05 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
2016/05/05 Javascript
JS实现表单多文件上传样式美化支持选中文件后删除相关项
2016/09/30 Javascript
微信小程序 教程之模块化
2016/10/17 Javascript
快速入门Vue
2016/12/19 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
vue-better-scroll 的使用实例代码详解
2018/12/03 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
2020/05/27 Javascript
elementui更改el-dialog关闭按钮的图标d的示例代码
2020/08/04 Javascript
[04:39]显微镜下的DOTA2第十三期—Pis卡尔个人秀
2014/04/04 DOTA
[04:52]DOTA2亚洲邀请赛附加赛 TOP10精彩集锦
2015/01/29 DOTA
Python批量合并有合并单元格的Excel文件详解
2018/04/05 Python
python模糊图片过滤的方法
2018/12/14 Python
如何使用Python实现自动化水军评论
2019/06/26 Python
python 一个figure上显示多个图像的实例
2019/07/08 Python
Python线程指南分享
2019/11/19 Python
Python datetime模块使用方法小结
2020/06/18 Python
用python读取xlsx文件
2020/12/17 Python
借助HTML5 Canvas来绘制三角形和矩形等多边形的方法
2016/03/14 HTML / CSS
使用HTML5 Canvas绘制直线或折线等线条的方法讲解
2016/03/14 HTML / CSS
AC Lens:购买隐形眼镜
2017/02/26 全球购物
汽车专业人才自我鉴定范文
2013/12/29 职场文书
思想品德自我评价
2014/02/04 职场文书
大学军训感想
2014/02/12 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
《红军不怕远征难》教学反思
2014/04/14 职场文书
golang switch语句的灵活写法介绍
2021/05/06 Golang