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 select常用操作控制代码
Mar 16 Javascript
javascript与CSS复习(三)
Jun 29 Javascript
Javascript页面添加到收藏夹的简单方法
Aug 07 Javascript
JavaScript实现数据类型的相互转换
Mar 06 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 Javascript
浅析Node.js:DNS模块的使用
Nov 23 Javascript
Javascript ES6中对象类型Sets的介绍与使用详解
Jul 17 Javascript
微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
Dec 06 Javascript
使用Angular CLI进行Build(构建)和Serve详解
Mar 24 Javascript
微信小程序点击生成朋友圈分享图(遇到的坑)
Jun 17 Javascript
javascript实现扫雷简易版
Aug 18 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
PHP截取指定图片大小的方法
2014/12/10 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
使用jQuery轻松实现Ajax的实例代码
2010/08/16 Javascript
javascript:;与javascript:void(0)使用介绍
2013/06/05 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
2014/01/08 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
JS简单实现点击复制链接的方法
2016/08/03 Javascript
基于AngularJS的拖拽文件上传的实例代码
2017/07/15 Javascript
微信小程序顶部可滚动导航效果
2017/10/31 Javascript
Angular4学习笔记router的简单使用
2018/03/30 Javascript
浅谈高大上的微信小程序中渲染html内容—技术分享
2018/10/25 Javascript
JavaScript ES2019中的8个新特性详解
2019/02/20 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
2019/04/01 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
实现一个 Vue 吸顶锚点组件方法
2019/07/10 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
详解一些适用于Node.js的命名约定
2019/12/08 Javascript
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
Python Web框架之Django框架Form组件用法详解
2019/08/16 Python
python opencv根据颜色进行目标检测的方法示例
2020/01/15 Python
使用HTML5和CSS3表单验证功能
2017/05/05 HTML / CSS
国际性能运动服装品牌:Dare 2b
2018/07/27 全球购物
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
整个世界的设计师家具在哈恩:Designathome
2019/03/25 全球购物
奥地利领先的在线药房:SHOP APOTHEKE
2019/10/07 全球购物
茶叶店创业计划书范文
2014/01/19 职场文书
2014年护理部工作总结
2014/11/14 职场文书
2015年学校减负工作总结
2015/05/19 职场文书
关于环保的宣传稿
2015/07/23 职场文书
廉洁自律准则学习心得体会
2016/01/13 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
MyBatis 动态SQL全面详解
2021/10/05 MySQL