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 相关文章推荐
asp.net+jquery滚动滚动条加载数据的下拉控件
Jun 25 Javascript
jquery中this的使用说明
Sep 06 Javascript
js自动生成对象的属性示例代码
Oct 28 Javascript
Jquery插件编写简明教程
Mar 25 Javascript
单元选择合并变色示例代码
May 26 Javascript
JS+CSS实现仿msn风格选项卡效果代码
Oct 22 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
微信小程序之滚动视图容器的实现方法
Sep 26 Javascript
原生JS封装animate运动框架的实例
Oct 12 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
js实现多个倒计时并行 js拼团倒计时
Feb 25 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 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 self与$this的详解
2013/06/08 PHP
php 修改上传文件大小限制实例详解
2016/10/23 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
THINKPHP3.2使用soap连接webservice的解决方法
2017/12/13 PHP
JavaScript delete操作符应用实例
2009/01/13 Javascript
JQuery的Alert消息框插件使用介绍
2010/10/09 Javascript
jQuery中nextUntil()方法用法实例
2015/01/07 Javascript
浅谈javascript面向对象程序设计
2015/01/21 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
js学习总结之dom2级事件基础知识详解
2017/07/27 Javascript
JS中this的指向以及call、apply的作用
2018/05/06 Javascript
Angular ElementRef简介及其使用
2018/10/01 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
jQuery zTree插件使用简单教程
2019/08/16 jQuery
深入理解Vue keep-alive及实践总结
2019/08/21 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
基于VSCode调试网页JavaScript代码过程详解
2020/07/20 Javascript
jenkins自动构建发布vue项目的方法步骤
2021/01/04 Vue.js
[43:24]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS Liquid
2018/03/30 DOTA
Python编程中用close()方法关闭文件的教程
2015/05/24 Python
Python pass详细介绍及实例代码
2016/11/24 Python
Python 函数基础知识汇总
2018/03/09 Python
python十进制和二进制的转换方法(含浮点数)
2018/07/07 Python
Python设计模式之迭代器模式原理与用法实例分析
2019/01/10 Python
Python绘制热力图示例
2019/09/27 Python
解决pymysql cursor.fetchall() 获取不到数据的问题
2020/05/15 Python
Python控制鼠标键盘代码实例
2020/12/08 Python
利用python查看数组中的所有元素是否相同
2021/01/08 Python
PHP如何防止SQL注入
2014/05/03 面试题
美容师的职业规划书
2013/12/27 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
优质护理服务演讲稿
2014/05/07 职场文书
三年级学生评语大全
2014/12/26 职场文书
安全承诺书
2015/01/19 职场文书
2015年社区消防安全工作总结
2015/10/14 职场文书
Nginx代理Redis哨兵主从配置的实现
2022/07/15 Servers