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 相关文章推荐
JXTree对象,读取外部xml文件数据,生成树的函数
Apr 02 Javascript
JS 各种网页尺寸判断实例方法
Apr 18 Javascript
js导入导出excel(实例代码)
Nov 25 Javascript
JavaScript将一个数组插入到另一个数组的方法
Mar 19 Javascript
jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
Nov 25 Javascript
js Canvas实现圆形时钟教程
Sep 19 Javascript
浅谈EasyUi ComBotree树修改 父节点选择的问题
Nov 07 Javascript
基于原生js运动方式关键点的总结(推荐)
Oct 01 Javascript
微信小程序使用Promise简化回调
Feb 06 Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 Javascript
使用js在layui中实现上传图片压缩
Jun 18 Javascript
JS开发常用工具函数(小结)
Jul 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
PHP面向对象三大特点学习(充分理解抽象、封装、继承、多态)
2012/05/07 PHP
PHP把MSSQL数据导入到MYSQL的方法
2014/12/27 PHP
php验证码的制作思路和实现方法
2015/11/12 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
PHP常用操作类之通信数据封装类的实现
2017/07/16 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
解析javascript系统错误:-1072896658的解决办法
2013/07/08 Javascript
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
node.js中的fs.rename方法使用说明
2014/12/16 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
jQuery中的siblings()是什么意思(推荐)
2016/12/29 Javascript
详解JavaScript树结构
2017/01/09 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
nodejs(officegen)+vue(axios)在客户端导出word文档的方法
2018/07/31 NodeJs
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
Vue组件间通信 Vuex的用法解析
2019/08/05 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
python使用Matplotlib绘制分段函数
2018/09/25 Python
Django {{ MEDIA_URL }}无法显示图片的解决方式
2020/04/07 Python
Python selenium文件上传下载功能代码实例
2020/04/13 Python
Pycharm中使用git进行合作开发的教程详解
2020/11/17 Python
Python 实现集合Set的示例
2020/12/21 Python
CSS3 :not()选择器实现最后一行li去除某种css样式
2016/10/19 HTML / CSS
苏宁红孩子母婴商城:redbaby
2017/02/12 全球购物
如何用Python来进行查询和替换一个文本字符串
2014/01/02 面试题
高中数学教师求职信
2013/10/30 职场文书
人事专员岗位职责
2013/11/20 职场文书
成人继续教育实施方案
2014/03/01 职场文书
水毁工程实施方案
2014/04/01 职场文书
暑假家长评语大全
2014/04/17 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
2014年网管工作总结
2014/12/11 职场文书
财务会计岗位职责
2015/02/03 职场文书
解决vue中provide inject的响应式监听
2022/04/19 Vue.js
微信小程序APP的生命周期及页面的生命周期
2022/04/19 Javascript