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 相关文章推荐
js 数组实现一个类似ruby的迭代器
Oct 27 Javascript
JQuery从头学起第一讲
Jul 04 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
Oct 12 Javascript
js判断undefined变量类型使用typeof
Jun 03 Javascript
jQuery点击按钮弹出遮罩层且内容居中特效
Dec 14 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
layui分页效果实现代码
May 19 Javascript
JS 调试中常见的报错问题解决方法
May 20 Javascript
webpack+vue2构建vue项目骨架的方法
Jan 09 Javascript
Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能
Jan 26 Javascript
微信小程序实现多选功能
Nov 04 Javascript
js实现点击生成随机div
Jan 16 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
基于curl数据采集之单页面采集函数get_html的使用
2013/04/28 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
PHP curl使用实例
2015/07/02 PHP
PHP版本的选择5.2.17 5.3.27 5.3.28 5.4 5.5兼容性问题分析
2016/04/04 PHP
ZendFramework2连接数据库操作实例
2017/04/18 PHP
TP(thinkPHP)框架多层控制器和多级控制器的使用示例
2018/06/13 PHP
PHP底层运行机制与工作原理详解
2020/07/31 PHP
IE innerHTML,outerHTML所引起的问题
2009/06/04 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
jquery数据验证插件(自制,简单,练手)实例代码
2013/10/24 Javascript
WEB前端设计师常用工具集锦
2014/12/09 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
jQuery实现的淡入淡出二级菜单效果代码
2015/09/15 Javascript
jQuery控制DIV层实现由大到小,由远及近动画变化效果
2015/10/09 Javascript
javascript中利用柯里化函数实现bind方法
2016/04/29 Javascript
Javascript的比较汇总
2016/07/25 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
2017/10/25 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
对angularJs中2种自定义服务的实例讲解
2018/09/30 Javascript
监控微信小程序中的慢HTTP请求过程详解
2019/07/05 Javascript
全面解析JavaScript Module模式
2020/07/24 Javascript
JS代码实现页面切换效果
2021/01/10 Javascript
python逆向入门教程
2018/01/15 Python
基于Python对数据shape的常见操作详解
2018/12/25 Python
Python实现查找最小的k个数示例【两种解法】
2019/01/08 Python
python之拟合的实现
2019/07/19 Python
解决python3 安装不了PIL的问题
2019/08/16 Python
关于PyTorch源码解读之torchvision.models
2019/08/17 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
英国日常交易网站:Wowcher
2018/09/04 全球购物
预备党员思想汇报范文
2013/12/29 职场文书
无故旷工检讨书
2014/01/26 职场文书
中国梦团日活动总结
2014/07/07 职场文书
投资申请报告
2015/05/19 职场文书
2016新年年会主持词
2015/07/06 职场文书