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 相关文章推荐
jquery ready函数源代码研究
Dec 06 Javascript
15个款优秀的 jQuery 图片特效插件推荐
Nov 21 Javascript
js复制到剪切板的实例方法
Jun 28 Javascript
JavaScript Promise启示录
Aug 12 Javascript
js监听鼠标点击和键盘点击事件并自动跳转页面
Sep 24 Javascript
JavaScript读二进制文件并用ajax传输二进制流的方法
Jul 18 Javascript
AngularJS入门教程之双向绑定详解
Aug 18 Javascript
label+input实现按钮开关切换效果的实例
Aug 16 Javascript
微信小程序中为什么使用var that=this
Aug 27 Javascript
小程序input数据双向绑定实现方法
Oct 17 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 Javascript
三步搞定:Vue.js调用Android原生操作
Sep 07 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在Web开发领域的优势
2006/10/09 PHP
定义php常量的详解
2013/06/09 PHP
php导出csv数据在浏览器中输出提供下载或保存到文件的示例
2014/04/24 PHP
PHP中new static()与new self()的区别异同分析
2014/08/22 PHP
PHP实现一维数组转二维数组的方法
2015/02/25 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
2014/01/09 Javascript
js中创建对象的几种方式示例介绍
2014/01/26 Javascript
js统计页面的来访次数实现代码
2014/05/09 Javascript
通过XMLHttpRequest和jQuery实现ajax的几种方式
2015/08/28 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
2017/02/23 Javascript
axios使用拦截器统一处理所有的http请求的方法
2018/11/02 Javascript
js核心基础之闭包的应用实例分析
2019/05/11 Javascript
jquery自定义组件实例详解
2020/12/31 jQuery
[45:59]完美世界DOTA2联赛PWL S2 FTD vs GXR 第二场 11.22
2020/11/24 DOTA
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
用 Python 爬了爬自己的微信朋友(实例讲解)
2017/08/25 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
python的socket编程入门
2018/01/29 Python
详解Python 多线程 Timer定时器/延迟执行、Event事件
2019/06/27 Python
django 做 migrate 时 表已存在的处理方法
2019/08/31 Python
详解python uiautomator2 watcher的使用方法
2019/09/09 Python
python 实现目录复制的三种小结
2019/12/04 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
英国HYPE双肩包官网:英国本土时尚潮牌
2018/09/26 全球购物
建筑工程技术应届生自荐信
2013/09/27 职场文书
高中数学教学反思
2014/01/30 职场文书
大学生在校表现评语
2014/12/31 职场文书
党员个人年度总结
2015/02/14 职场文书
2015大学生求职信范文
2015/03/20 职场文书
介绍信范文大全
2015/05/07 职场文书
学校推普周活动总结
2015/05/07 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
话题作文之诚信
2019/11/28 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript