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截取指定长度字符串的实现原理及代码
Jul 01 Javascript
js实现iGoogleDivDrag模块拖动层拖动特效的方法
Mar 04 Javascript
javascript中Date format(js日期格式化)方法小结
Dec 17 Javascript
浅谈js构造函数的方法与原型prototype
Jul 04 Javascript
React学习笔记之列表渲染示例详解
Aug 22 Javascript
JS脚本实现网页自动秒杀点击
Jan 11 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
elementUI Tree 树形控件的官方使用文档
Apr 25 Javascript
js实现简单音乐播放器
Jun 30 Javascript
JS如何判断对象是否包含某个属性
Aug 29 Javascript
vue导入.md文件的步骤(markdown转HTML)
Dec 31 Vue.js
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 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
php iconv() : Detected an illegal character in input string
2010/12/05 PHP
php网页标题中文乱码的有效解决方法
2014/03/05 PHP
PHP基于SimpleXML生成和解析xml的方法示例
2017/07/17 PHP
tp5框架前台无限极导航菜单类实现方法分析
2020/03/29 PHP
jquery 新手学习常见问题解决方法
2010/04/18 Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
2011/04/08 Javascript
简介JavaScript中的italics()方法的使用
2015/06/08 Javascript
jQuery Ajax 上传文件处理方式介绍(推荐)
2016/06/30 Javascript
利用jquery实现下拉框的禁用与启用
2016/12/07 Javascript
JS实现字符串转驼峰格式的方法
2016/12/16 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
2017/01/24 Javascript
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
vue自定义全局组件(自定义插件)的用法
2018/01/30 Javascript
基于elementUI使用v-model实现经纬度输入的vue组件
2019/05/12 Javascript
vue 源码解析之虚拟Dom-render
2019/08/26 Javascript
使用vue cli4.x搭建vue项目的过程详解
2020/05/08 Javascript
js实现三角形粒子运动
2020/09/22 Javascript
[31:01]2014 DOTA2国际邀请赛中国区预选赛5.21 CNB VS Orenda
2014/05/23 DOTA
[01:30:54]《加油DOTA》 第三期
2014/08/18 DOTA
Python获取linux主机ip的简单实现方法
2016/04/18 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
python模块导入的方法
2019/10/24 Python
用python解压分析jar包实例
2020/01/16 Python
python爬虫实现获取下一页代码
2020/03/13 Python
python 读取串口数据的示例
2020/11/09 Python
里程积分管理买卖交换平台:Points.com
2017/01/13 全球购物
Monki官网:斯堪的纳维亚的独立时尚品牌
2020/11/09 全球购物
建筑设计专业求职自我评价
2014/03/02 职场文书
工艺工程师岗位职责
2014/03/04 职场文书
学习两会精神心得范文
2014/03/17 职场文书
管理提升方案
2014/06/04 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
旅游投诉信范文
2015/07/02 职场文书
《女娲补天》教学反思
2016/02/20 职场文书
java多态注意项小结
2021/10/16 Java/Android
JavaScript的Set数据结构详解
2022/02/18 Javascript