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 相关文章推荐
如何简单地用YUI做JavaScript动画
Mar 10 Javascript
JavaScript入门教程(2) JS基础知识
Jan 31 Javascript
jQuery中:disabled选择器用法实例
Jan 04 Javascript
jQuery中noconflict函数的实现原理分解
Feb 03 Javascript
jquery实现倒计时功能
Dec 28 Javascript
javascript中数组(Array)对象和字符串(String)对象的常用方法总结
Dec 15 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
ligerUI---ListBox(列表框可移动的实例)
Nov 28 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
Jul 23 Javascript
nuxt 每个页面head标签内容设置方式
Nov 05 Javascript
JS前端使用canvas实现物体的点选示例
Aug 05 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中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
php中常见的sql攻击正则表达式汇总
2014/11/06 PHP
CI框架的安全性分析
2016/05/18 PHP
PHP开发的微信现金红包功能示例
2017/06/29 PHP
Ajax请求PHP后台接口返回信息的实例代码
2018/08/21 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
javascript 弹出窗口中是否显示地址栏的实现代码
2011/04/14 Javascript
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
php实例分享之实现显示网站运行时间
2014/05/20 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
总结JavaScript的正则与其他语言的不同之处
2016/08/25 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
jQuery实现判断控件是否显示的方法
2017/01/11 Javascript
干货!教大家如何选择Vue和React
2017/03/13 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
2017/04/21 Javascript
详解webpack 多入口配置
2017/06/16 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
详解Puppeteer 入门教程
2018/05/09 Javascript
微信小程序使用wxParse解析html的实现示例
2018/08/30 Javascript
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
微信小程序时间戳转日期的详解
2019/04/30 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
2019/08/17 Javascript
Django学习笔记之Class-Based-View
2017/02/15 Python
Php多进程实现代码
2018/05/07 Python
Python3随机漫步生成数据并绘制
2018/08/27 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
Python类super()及私有属性原理解析
2020/06/15 Python
pycharm激活方法到2099年(激活流程)
2020/09/22 Python
python 实现弹球游戏的示例代码
2020/11/17 Python
CSS3实现DIV圆角效果完整代码
2012/10/10 HTML / CSS
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
HTML5实现视频弹幕功能
2019/08/09 HTML / CSS
课外科技活动总结
2014/08/27 职场文书
2014党的群众路线教育实践活动总结报告
2014/10/31 职场文书
停电调休通知
2015/04/16 职场文书