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 相关文章推荐
修改发贴的编辑功能
Mar 07 Javascript
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
Apr 24 Javascript
js中各种类型的变量在if条件中是true还是false
Jul 16 Javascript
jQuery操作cookie方法实例教程
Nov 25 Javascript
js实现select二级联动下拉菜单
Apr 17 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
May 31 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
Dec 23 Javascript
JavaScript字符集编码与解码详谈
Feb 02 Javascript
jquery+css实现下拉列表功能
Sep 03 jQuery
详解webpack + vue + node 打造单页面(入门篇)
Sep 23 Javascript
浅谈js的解析顺序 作用域 严格模式
Oct 23 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
Dec 19 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面向对象全攻略 (十四) php5接口技术
2009/09/30 PHP
PHP正确配置mysql(apache环境)
2011/08/28 PHP
浅析SVN常见问题及解决方法
2013/06/21 PHP
PHP中使用curl伪造IP的简单方法
2015/08/07 PHP
php判断当前操作系统类型
2015/10/28 PHP
Yii2框架引用bootstrap中日期插件yii2-date-picker的方法
2016/01/09 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
去掉gridPanel表头全选框的小例子
2013/07/18 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
2013/11/19 Javascript
javascript获取checkbox复选框获取选中的选项
2014/08/12 Javascript
jQuery实现渐变弹出层和弹出菜单的方法
2015/02/20 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
js数组常见操作及数组与字符串相互转化实例详解
2015/11/10 Javascript
javaScript封装的各种写法
2017/08/14 Javascript
微信小程序tabBar底部导航中文注解api详解
2017/08/16 Javascript
简单实现jquery隔行变色
2017/11/09 jQuery
vuejs简单验证码功能完整示例
2019/01/08 Javascript
JS sort方法基于数组对象属性值排序
2020/07/10 Javascript
利用python画一颗心的方法示例
2017/01/31 Python
简单了解Python matplotlib线的属性
2019/06/29 Python
pytorch 模型可视化的例子
2019/08/17 Python
Python 操作 MySQL数据库
2020/09/18 Python
小白教你PyCharm从下载到安装再到科学使用PyCharm2020最新激活码
2020/09/25 Python
西安众合通用.net笔试题
2013/03/18 面试题
几个MySql的面试题
2013/04/22 面试题
在校生钳工实习自我鉴定
2013/09/19 职场文书
信息管理员岗位职责
2013/12/01 职场文书
电大本科自我鉴定
2014/02/05 职场文书
户外宣传策划方案
2014/05/25 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
老干部工作汇报材料
2014/10/28 职场文书
巾帼标兵事迹材料
2014/12/26 职场文书
Redis可视化客户端小结
2021/06/10 Redis
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技