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 相关文章推荐
js之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
JavaScript NaN和Infinity特殊值 [译]
Sep 20 Javascript
JS文本框不能输入空格验证方法
Mar 19 Javascript
使用jquery实现div的tab切换实例代码
May 27 Javascript
Jquery中offset()和position()的区别分析
Feb 05 Javascript
分享12个实用的jQuery代码片段
Mar 09 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
Aug 15 Javascript
Javascript从数组中随机取出不同元素的两种方法
Sep 22 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
JSON生成Form表单的方法示例
Nov 21 Javascript
使用JS实现动态时钟
Mar 12 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 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
介绍几个array库的新函数 php
2006/12/29 PHP
jquery下组织javascript代码(js函数化)
2010/08/25 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
Js与下拉列表处理问题解决
2014/02/13 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
2016/04/26 Javascript
深入理解js数组的sort排序
2016/05/28 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
js实现文字截断功能
2016/09/14 Javascript
js 模仿锚点定位的实现方法
2016/11/19 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
Node.js简单入门前传
2017/08/21 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
Paypal支付不完全指北
2020/06/04 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
python学习之面向对象【入门初级篇】
2017/01/21 Python
Python 删除整个文本中的空格,并实现按行显示
2018/07/24 Python
django框架使用orm实现批量更新数据的方法
2019/06/21 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
python 和c++实现旋转矩阵到欧拉角的变换方式
2019/12/04 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
基于spring boot 日志(logback)报错的解决方式
2020/02/20 Python
Python如何重新加载模块
2020/07/29 Python
深入分析python 排序
2020/08/24 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
顶丰TOPPIK台湾官网:增发纤维假发,告别秃发困扰
2018/06/13 全球购物
电气技术员岗位职责
2013/11/19 职场文书
同学聚会老师邀请函
2014/01/28 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
家长学校教学计划
2015/01/19 职场文书
MBA推荐信怎么写
2015/03/25 职场文书
2016年先进班集体事迹材料
2016/02/26 职场文书
python随机打印成绩排名表
2021/06/23 Python
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL