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 相关文章推荐
自编jQuery插件实现模拟alert和confirm
Sep 01 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
Dec 20 Javascript
AngularJS过滤器filter用法总结
Dec 13 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
详解node child_process模块学习笔记
Jan 24 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
vue2.0实现音乐/视频播放进度条组件
Jun 06 Javascript
vue 解决遍历对象显示的顺序不对问题
Nov 07 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
Jan 07 Javascript
在vue项目中利用popstate处理页面返回的操作介绍
Aug 06 Javascript
浅谈JavaScript 声明提升
Sep 14 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显示MySQL数据的三种方法
2008/06/05 PHP
php获取地址栏信息的代码
2008/10/08 PHP
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
解析在PHP中使用mysqli扩展库对mysql的操作
2013/07/03 PHP
ucenter通信原理分析
2015/01/09 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
PHP反射机制原理与用法详解
2017/02/15 PHP
PHP中用Trait封装单例模式的实现
2019/12/18 PHP
jquery下为Event handler传递动态参数的代码
2011/01/06 Javascript
jQuery取id有.的值的方法
2014/05/21 Javascript
理解jQuery stop()方法
2014/11/21 Javascript
javascript事件绑定学习要点
2016/03/09 Javascript
js简单倒计时实现代码
2016/04/30 Javascript
基于jQuery实现表格内容的筛选功能
2016/08/21 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
详解js的六大数据类型
2016/12/27 Javascript
判断div滑动到底部的scroll实例代码
2017/11/15 Javascript
微信小程序控制台提示warning:Now you can provide attr &quot;wx:key&quot; for a &quot;wx:for&quot; to improve performance解决方法
2019/02/21 Javascript
vue3使用vue-count-to组件的实现
2020/12/25 Vue.js
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
Python 文件操作的详解及实例
2017/09/18 Python
python字符串切割:str.split()与re.split()的对比分析
2019/07/16 Python
Python tensorflow实现mnist手写数字识别示例【非卷积与卷积实现】
2019/12/19 Python
解决django中form表单设置action后无法回到原页面的问题
2020/03/13 Python
如何把外网python虚拟环境迁移到内网
2020/05/18 Python
使用keras框架cnn+ctc_loss识别不定长字符图片操作
2020/06/29 Python
python连接mysql数据库并读取数据的实现
2020/09/25 Python
python从PDF中提取数据的示例
2020/10/30 Python
HTML5的结构和语义(2):结构
2008/10/17 HTML / CSS
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
德国最大的婴儿用品网上商店:Kidsroom.de(支持中文)
2020/09/02 全球购物
教育孩子心得体会
2014/01/01 职场文书
教师党员岗位承诺书
2014/05/29 职场文书
会计专业自荐信
2014/06/03 职场文书
机电系毕业生求职信
2014/07/11 职场文书
幼儿园教学工作总结2015
2015/05/12 职场文书