javascript实现实时输出当前的时间


Posted in Javascript onApril 27, 2015

最近有个网站页面上要输出当前时间,精确到时分秒,还要适时变化的。百度找了找,没找到合适的,于是自己写了个,收藏下,方便以后使用。

js 适时输出当前的时间

function CurentTime(divID){ 
  var curTime=new Array(); 
  var now=new Date(); 
  var week=['日','一','二','三','四','五','六']; 
  var year=now.getFullYear();   //年 
  var month=now.getMonth()+1;   //月 
  var day=now.getDate();      //日 
  var hh=now.getHours();      //时 
  var mm=now.getMinutes();     //分 
  var sc=now.getSeconds();     //秒 
  var wk=now.getDay();       //周 
  curTime['year']=year; 
  curTime['month']=month<10?'0'+month:month; 
  curTime['day']=day<10?'0'+day:day; 
  curTime['hh']=hh<10?'0'+hh:hh; 
  curTime['mm']=mm<10?'0'+mm:mm; 
  curTime['sc']=sc<10?'0'+sc:sc; 
  curTime['wk']='星期'+week[wk]; 
  curTime=curTime['year']+'年'+curTime['month']+'月'+curTime['day']+'日'+' '+curTime['wk']+' '+curTime['hh']+':'+curTime['mm']+':'+curTime['sc']; 
  document.getElementById(divID).innerHTML='今天是:'+curTime; 
  setTimeout('CurentTime(\''+divID+'\')',1000); 
}

使用方法:

假设页面上存在一个id命名为time的div,则:

<script language="javascript">CurentTime('time');</script>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
深入理解JavaScript系列(12) 变量对象(Variable Object)
Jan 16 Javascript
修改jQuery Validation里默认的验证方法
Feb 14 Javascript
JS多物体 任意值 链式 缓冲运动
Aug 10 Javascript
使用jQuery判断IE浏览器版本的代码
Jun 14 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
jquery常用函数与方法汇总
Sep 01 Javascript
JavaScript动态添加事件之事件委托
Jul 12 Javascript
微信 java 实现js-sdk 图片上传下载完整流程
Oct 21 Javascript
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
js异步上传多张图片插件的使用方法
Oct 22 Javascript
详解Vue路由自动注入实践
Apr 17 Javascript
Javascript前端下载后台传来的文件流代码实例
Aug 18 Javascript
javascript模拟php函数in_array
Apr 27 #Javascript
js实现刷新iframe的方法汇总
Apr 27 #Javascript
JavaScript数组和循环详解
Apr 27 #Javascript
javascript实现全局匹配并替换的方法
Apr 27 #Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 #Javascript
如何使用HTML5地理位置定位功能
Apr 27 #Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 #Javascript
You might like
SUN的《AJAX与J2EE》全文译了
2007/02/23 Javascript
原生javascript兼容性测试实例
2013/07/01 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
javascript面向对象特性代码实例
2014/06/12 Javascript
javascript简单实现图片预加载
2014/12/03 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
2014/12/18 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果
2015/10/14 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
ES6正则表达式扩展笔记
2017/07/25 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
Vue路由守卫之路由独享守卫
2019/09/25 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
JS实现小星星特效
2019/12/24 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
2019/12/30 Javascript
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python内置函数delattr的具体用法
2017/11/23 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
对numpy下的轴交换transpose和swapaxes的示例解读
2019/06/26 Python
Django中Middleware中的函数详解
2019/07/18 Python
安装2019Pycharm最新版本的教程详解
2019/10/22 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
Python Scrapy多页数据爬取实现过程解析
2020/06/12 Python
Python基于内置函数type创建新类型
2020/10/22 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
阿里云:Aliyun.com
2017/02/15 全球购物
英国在线房屋中介网站:Yopa
2018/01/09 全球购物
JD Sports荷兰:英国领先的运动时尚零售商
2020/03/13 全球购物
农贸市场管理制度
2014/01/31 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
招商银行工作证明
2015/06/17 职场文书
小区物业管理2015年度工作总结
2015/10/22 职场文书
幼儿园教学反思范文
2016/03/02 职场文书
运动会主持人开幕词
2016/03/04 职场文书