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中浮点型运算BUG的解决方法说明
Jan 06 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
Jan 14 Javascript
jQuery滚动条插件nanoscroller使用指南
Apr 21 Javascript
jQuery往返城市和日期查询实例讲解
Oct 09 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
详解js中class的多种函数封装方法
Jan 03 Javascript
jQuery EasyUI中DataGird动态生成列的方法
Apr 05 Javascript
详解Vue.js动态绑定class
Dec 20 Javascript
Bootstarp 基础教程之表单部分实例代码
Feb 03 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
Oct 31 Javascript
深入了解Vue3模板编译原理
Nov 19 Vue.js
vue中div禁止点击事件的实现
Apr 02 Vue.js
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
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
php实现删除空目录的方法
2015/03/16 PHP
PHP中的Trait 特性及作用
2016/04/03 PHP
PHP实现导出带样式的Excel
2016/08/28 PHP
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
jQuery:delegate中select()不起作用的解决方法(实例讲解)
2014/01/26 Javascript
javascript 操作符(~、&amp;、|、^、)使用案例
2014/12/31 Javascript
Javascript 是你的高阶函数(高级应用)
2015/06/15 Javascript
javascript实现瀑布流加载图片原理
2016/02/02 Javascript
js删除局部变量的实现方法
2016/06/25 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
React创建组件的三种方式及其区别
2017/01/12 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
深入理解JavaScript 中的执行上下文和执行栈
2018/10/23 Javascript
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
Python实现删除时保留特定文件夹和文件的示例
2018/04/27 Python
Python实现FTP文件传输的实例
2019/07/07 Python
python 字典的打印实现
2019/09/26 Python
Python 限定函数参数的类型及默认值方式
2019/12/24 Python
Python如何通过Flask-Mail发送电子邮件
2020/01/29 Python
Python如何用filter函数筛选数据
2020/03/05 Python
python中安装django模块的方法
2020/03/12 Python
澳大利亚在线家具、灯饰和家居装饰店:LivingStyles
2018/11/20 全球购物
教师求职自荐书
2014/06/14 职场文书
毕业大学生自荐信
2014/06/17 职场文书
2014年乡镇领导个人整改措施
2014/09/19 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
经典格言警句:没有热忱,世间便无进步
2019/11/13 职场文书
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
Python快速优雅的批量修改Word文档样式
2021/05/20 Python
微前端qiankun改造日渐庞大的项目教程
2022/06/21 Javascript
java实现web实时消息推送的七种方案
2022/07/23 Java/Android
基于Python实现nc批量转tif格式
2022/08/14 Python