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日历插件calendar.js使用指南
Apr 28 Javascript
整理Javascript事件响应学习笔记
Dec 02 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 Javascript
浅析JavaScript中浏览器的兼容问题
Apr 19 Javascript
javascript使用btoa和atob来进行Base64转码和解码
Mar 20 Javascript
JavaScript 中调用 Kotlin 方法实例详解
Jun 09 Javascript
基于JavaScript实现百度搜索框效果
Jun 28 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
vue组件文档(.md)中如何自动导入示例(.vue)详解
Jan 25 Javascript
使用 js 简单的实现 bind、call 、aplly代码实例
Sep 07 Javascript
js、jquery实现列表模糊搜索功能过程解析
Mar 27 jQuery
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默认安装产生系统漏洞
2006/10/09 PHP
PHP 加密与解密的斗争
2009/04/17 PHP
深入理解PHP类的自动载入机制
2016/09/16 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
php多文件打包下载的实例代码
2017/07/12 PHP
php记录搜索引擎爬行记录的实现代码
2018/03/02 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
JavaScript 学习笔记(四)
2009/12/31 Javascript
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
jQuery背景插件backstretch使用指南
2015/04/21 Javascript
jQuery标签编辑插件Tagit使用指南
2015/04/21 Javascript
微信小程序 教程之注册页面
2016/10/17 Javascript
js 递归和定时器的实例解析
2017/02/03 Javascript
jQuery实现用户输入自动完成功能
2017/02/13 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
详解jenkins自动化部署vue
2019/05/14 Javascript
vue使用微信JS-SDK实现分享功能
2019/08/23 Javascript
JS实现canvas简单小画板功能
2020/06/23 Javascript
Vue实现手机计算器
2020/08/17 Javascript
PHP 502bad gateway原因及解决方案
2020/11/13 Javascript
[03:40]DOTA2英雄梦之声_第01期_炼金术士
2014/06/23 DOTA
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Python流程控制常用工具详解
2020/02/24 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
使用OpenCV对车道进行实时检测的实现示例代码
2020/06/19 Python
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
大一新生军训时的自我评价分享
2013/12/05 职场文书
幼儿园家长评语
2014/02/10 职场文书
餐厅销售主管职责范本
2014/02/19 职场文书
内勤岗位职责范本
2015/04/13 职场文书
Python作用域和名称空间的详细介绍
2022/04/13 Python