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 相关文章推荐
JavaScript更改原始对象valueOf的方法
Mar 19 Javascript
最简单的JavaScript图片轮播代码(两种方法)
Dec 18 Javascript
js实现上传图片及时预览
May 07 Javascript
easyui tree带checkbox实现单选的简单实例
Nov 07 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
Nov 24 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
ES6基础之展开语法(Spread syntax)
Feb 21 Javascript
富文本编辑器vue2-editor实现全屏功能
May 26 Javascript
基于Vue和Element-Ui搭建项目的方法
Sep 06 Javascript
原生js拖拽实现图形伸缩效果
Feb 10 Javascript
JavaScript闭包原理与用法学习笔记
May 29 Javascript
javascript实现计算器功能详解流程
Nov 01 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
将RTF格式的文件转成HTML并在网页中显示的代码
2006/10/09 PHP
让PHP支持页面回退的两种方法[转]
2007/02/14 PHP
php根据日期判断星座的函数分享
2014/02/13 PHP
PHP中使用file_get_contents抓取网页中文乱码问题解决方法
2014/12/17 PHP
CodeIgniter开发实现支付宝接口调用的方法示例
2016/11/14 PHP
繁简字转换功能
2006/07/19 Javascript
jQuery+slidereveal实现的面板滑动侧边展出效果
2015/03/14 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
详解axios在node.js中的post使用
2017/04/27 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
CSS3+JavaScript实现翻页幻灯片效果
2017/06/28 Javascript
javascript 作用于作用域链的详解
2017/09/27 Javascript
Vue组件中prop属性使用说明实例代码详解
2018/05/31 Javascript
移动端图片上传旋转、压缩问题的方法
2018/10/16 Javascript
js实现unicode码字符串与utf8字节数据互转详解
2019/03/21 Javascript
Python3.0与2.X版本的区别实例分析
2014/08/25 Python
python实现超简单端口转发的方法
2015/03/13 Python
Python模拟用户登录验证
2017/09/11 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
python语言中with as的用法使用详解
2018/02/23 Python
用PyInstaller把Python代码打包成单个独立的exe可执行文件
2018/05/26 Python
用python 实现在不确定行数情况下多行输入方法
2019/01/28 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
np.newaxis 实现为 numpy.ndarray(多维数组)增加一个轴
2019/11/30 Python
Python实现GIF图倒放
2020/07/16 Python
Pycharm无法打开双击没反应的问题及解决方案
2020/08/17 Python
Python高并发和多线程有什么关系
2020/11/14 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
使用HTML5 Geolocation实现一个距离追踪器
2018/04/09 HTML / CSS
皇家阿尔伯特英国官方商店:Royal Albert骨瓷
2019/03/25 全球购物
Web Service面试题:如何搭建Axis2的开发环境
2012/06/20 面试题
制药工程专业毕业生推荐信
2013/12/24 职场文书
政府信息公开实施方案
2014/05/09 职场文书
伊琍体标语
2014/06/25 职场文书