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的document对象和window对象详解
Dec 30 Javascript
node.js中的path.normalize方法使用说明
Dec 08 Javascript
Bootstrap入门书籍之(一)排版
Feb 17 Javascript
ES6中参数的默认值语法介绍
May 03 Javascript
浅谈Vue的加载顺序探讨
Oct 25 Javascript
JS实现键值对遍历json数组功能示例
May 30 Javascript
微信小程序实现自定义加载图标功能
Jul 19 Javascript
Vue中的异步组件函数实现代码
Jul 20 Javascript
微信小程序用户信息encryptedData详解
Aug 24 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 Javascript
Vue实现简单的跑马灯
May 25 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
黑夜路人出的几道php笔试题
2009/08/04 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
功能强大的php分页函数
2016/07/20 PHP
PHP异常类及异常处理操作实例详解
2018/12/19 PHP
extJs 常用到的增,删,改,查操作代码
2009/12/28 Javascript
动态添加option及createElement使用示例
2014/01/26 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
使用jQuery中的when实现多个AJAX请求对应单个回调的例子分享
2014/04/23 Javascript
jquery实现的图片点击滚动效果
2014/04/29 Javascript
使用正则表达式的格式化与高亮显示json字符串
2014/12/03 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
2015/02/17 Javascript
修改ligerui 默认确认按钮的方法
2016/12/27 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
Vue无限滑动周选择日期的组件的示例代码
2018/07/18 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
2018/11/14 Javascript
Nuxt使用Vuex的方法示例
2019/09/06 Javascript
js实现数字滚动特效
2019/12/16 Javascript
JS指定音频audio在某个时间点进行播放
2020/11/28 Javascript
vue监听键盘事件的相关总结
2021/01/29 Vue.js
Python GAE、Django导出Excel的方法
2008/11/24 Python
python3实现读取chrome浏览器cookie
2016/06/19 Python
浅述python中argsort()函数的实例用法
2017/03/30 Python
python3.X 抓取火车票信息【修正版】
2018/06/19 Python
python读取文件名并改名字的实例
2019/01/07 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
Python实现打印实心和空心菱形
2019/11/23 Python
Python爬虫爬取电影票房数据及图表展示操作示例
2020/03/27 Python
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
德国自行车商店:Tretwerk
2019/06/21 全球购物
师生聚会感言
2014/01/26 职场文书
迎新晚会邀请函
2014/02/01 职场文书
学校万圣节活动方案
2014/02/13 职场文书
2019安全宣传标语大全
2019/08/14 职场文书
python关于集合的知识案例详解
2021/05/30 Python
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS