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 相关文章推荐
use jscript Create a SQL Server database
Jun 16 Javascript
jQuery选中select控件 无法设置selected的解决方法
Sep 01 Javascript
jQuery图片轮播的具体实现
Sep 11 Javascript
jquery模拟LCD 时钟的html文件源代码
Jun 16 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
JS按回车键实现登录的方法
Aug 25 Javascript
提升PHP安全:8个必须修改的PHP默认配置
Nov 17 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
Oct 16 Javascript
JavaScript数据结构之广义表的定义与表示方法详解
Apr 12 Javascript
Three.js实现绘制字体模型示例代码
Sep 26 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 Javascript
五句话帮你轻松搞定js原型链
Dec 09 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
快速配置PHPMyAdmin方法
2008/06/05 PHP
关于IIS php调用com组件的权限问题
2012/01/11 PHP
基于jquery的滑动样例代码
2010/11/20 Javascript
jQuery Tab插件 用于在Tab中显示iframe,附源码和详细说明
2011/06/27 Javascript
js跳转页面方法总结
2014/01/29 Javascript
js定时器(执行一次、重复执行)
2014/03/07 Javascript
js实现数组冒泡排序、快速排序原理
2016/03/08 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
JavaScript trim 实现去除字符串首尾指定字符的简单方法
2016/12/27 Javascript
vue.js+Element实现表格里的增删改查
2017/01/18 Javascript
Vue.js父与子组件之间传参示例
2017/02/28 Javascript
nodejs 终端打印进度条实例代码
2017/04/22 NodeJs
js判断节假日实例代码
2017/12/27 Javascript
vue之浏览器存储方法封装实例
2018/03/15 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
vue-router权限控制(简单方式)
2018/10/29 Javascript
Vue Router的手写实现方法实现
2020/03/02 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
vue 项目@change多个参数传值多个事件的操作
2021/01/29 Vue.js
[57:16]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第二场
2014/05/26 DOTA
python中的__init__ 、__new__、__call__小结
2014/04/25 Python
python和C语言混合编程实例
2014/06/04 Python
python实现傅里叶级数展开的实现
2018/07/21 Python
WxPython实现无边框界面
2019/11/18 Python
Python数据分析库pandas高级接口dt的使用详解
2020/12/11 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
天猫国际进口超市直营:官方直采,一站购齐
2017/12/11 全球购物
Vilebrequin欧洲官网:法国豪华泳装品牌(男士沙滩裤)
2018/04/14 全球购物
翻译专业应届生求职信
2013/11/23 职场文书
蛋糕店的商业计划书范文
2014/01/27 职场文书
单位消防安全责任书
2014/07/23 职场文书
交通事故和解协议书
2014/09/25 职场文书
思想政治表现评语
2015/01/04 职场文书
python中os.path.join()函数实例用法
2021/05/26 Python
Apache POI操作批量导入MySQL数据库
2022/06/21 Servers