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 相关文章推荐
Extjs中使用extend(js继承) 的代码
Mar 15 Javascript
使用js实现雪花飘落效果
Aug 26 Javascript
js鼠标点击图片切换效果实现代码
Nov 19 Javascript
jQuery解析Json实例详解
Nov 24 Javascript
JS创建事件的三种方法(实例代码)
May 12 Javascript
JavaScript限制在客户区可见范围的拖拽(解决scrollLeft和scrollTop的问题)(2)
May 17 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
Apr 17 Javascript
使用express获取微信小程序二维码小记
May 21 Javascript
微信小程序 确认框的实现(附代码)
Jul 23 Javascript
vue 实现路由跳转时更改页面title
Nov 05 Javascript
小程序跳转H5页面的方法步骤
Mar 06 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
Apr 21 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中一些可能会被忽略的问题
2013/06/21 PHP
PHP全局使用Laravel辅助函数dd
2019/12/26 PHP
HTML IMG标签 onload 内存溢出导致浏览器CPU占用过高
2021/03/09 Javascript
JavaScript 页面编码与浏览器类型判断代码
2010/06/03 Javascript
修改jquery里的dialog对话框插件为框架页(iframe) 的方法
2010/09/14 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
浅谈jQuery异步对象(XMLHttpRequest)
2014/11/17 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
JavaScript代码因逗号不规范导致IE不兼容的问题
2016/02/25 Javascript
Bootstrap基本组件学习笔记之导航(10)
2016/12/07 Javascript
JS实现滑动门效果的方法详解
2016/12/19 Javascript
JavaScript输入分钟、秒倒计时技巧总结(附代码)
2017/08/17 Javascript
微信小程序云开发实现数据添加、查询和分页
2019/05/17 Javascript
js/jQuery实现全选效果
2019/06/17 jQuery
使用JS来动态操作css的几种方法
2019/12/18 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
Python微信企业号开发之回调模式接收微信端客户端发送消息及被动返回消息示例
2017/08/21 Python
浅析Git版本控制器使用
2017/12/10 Python
pandas修改DataFrame列名的方法
2018/04/08 Python
python处理自动化任务之同时批量修改word里面的内容的方法
2019/08/23 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
Python3操作Excel文件(读写)的简单实例
2019/09/02 Python
python des,aes,rsa加解密的实现
2021/01/16 Python
html5 postMessage解决跨域、跨窗口消息传递方案
2016/12/20 HTML / CSS
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
委托书的写法
2014/08/30 职场文书
债务追讨授权委托书范本
2014/10/16 职场文书
群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
教师个人师德总结
2015/02/06 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
新闻稿怎么写
2015/07/18 职场文书
div与span之间的区别与使用介绍
2021/12/06 HTML / CSS