jQuery代码实现实时获取时间


Posted in Javascript onJanuary 29, 2017

在上篇文章给大家介绍了jQuery动态地获取系统时间实现代码,大家可以参考下。

废话不多说了,直接给大家贴代码了,具体代码如下所示:

$(document).ready(function(){
function time(){
var date=new Date();
var h=date.getHours();
var m=date.getMinutes();
var s=date.getSeconds();
$('div').eq(0).html(h);
$('div').eq(1).html(m);
$('div').eq(2).html(s);
for(var i=0;i<$('div').length;i++){
if($('div').eq(i).text().length==1){
$('div').eq(i).html(function(index,html){
return 0+html;
});
}
}
}
time();
setInterval(time,1000);
});

HTML部分

<div></div>
<div></div>
<div></div>

以上所述是小编给大家介绍的jQuery代码实现实时获取时间功能,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
jquery清空textarea等输入框实现代码
Apr 22 Javascript
node.js中的path.extname方法使用说明
Dec 09 Javascript
jquery可定制的在线UEditor编辑器
Nov 17 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
Angularjs过滤器使用详解
May 25 Javascript
微信小程序 扎金花简单实例
Feb 21 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
Jul 27 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
理解 JavaScript EventEmitter
Mar 29 Javascript
Vue全局事件总线你了解吗
Feb 24 Vue.js
用director.js实现前端路由使用实例
Jan 27 #Javascript
详解bootstrap的modal-remote两种加载方式【强化】
Jan 27 #Javascript
Jquery uploadify 多余的Get请求(404错误)的解决方法
Jan 26 #Javascript
js监听input输入框值的实时变化实例
Jan 26 #Javascript
jquery实现input框获取焦点的简单实例
Jan 26 #Javascript
jquery 实时监听输入框值变化的完美方法(必看)
Jan 26 #Javascript
Jquery实时监听input value的实例
Jan 26 #Javascript
You might like
极典R601SW收音机
2021/03/02 无线电
为php4加入动态flash文件的生成的支持
2006/10/09 PHP
PHP中include与require使用方法区别详解
2013/10/19 PHP
Zend Framework动作助手FlashMessenger用法详解
2016/03/05 PHP
PHP文件打开关闭及读写操作示例解析
2020/08/06 PHP
javascript 写类方式之二
2009/07/05 Javascript
js对象继承之原型链继承实例
2015/01/10 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
深入理解Angular4中的依赖注入
2017/06/07 Javascript
前端主流框架vue学习笔记第一篇
2017/07/26 Javascript
NodeJs 模仿SIP话机注册的方法
2019/06/21 NodeJs
如何基于javascript实现贪吃蛇游戏
2020/02/09 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
小程序中手机号识别的示例
2020/12/14 Javascript
python正则表达式抓取成语网站
2013/11/20 Python
python中常用的九种预处理方法分享
2016/09/11 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
Python空间数据处理之GDAL读写遥感图像
2019/08/01 Python
python tkinter图形界面代码统计工具(更新)
2019/09/18 Python
python GUI库图形界面开发之PyQt5中QMainWindow, QWidget以及QDialog的区别和选择
2020/02/26 Python
Python类及获取对象属性方法解析
2020/06/15 Python
Python实现迪杰斯特拉算法过程解析
2020/09/18 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
简单几步用纯CSS3实现3D翻转效果
2019/01/17 HTML / CSS
美国宠物美容和宠物用品购物网站:Cherrybrook
2018/12/07 全球购物
什么是.net
2015/08/03 面试题
软件工程专业推荐信
2013/10/28 职场文书
写给女生的道歉信
2014/01/14 职场文书
数控个人求职信范文
2014/02/03 职场文书
办公室打字员岗位职责
2014/04/16 职场文书
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
上班迟到检讨书范文300字
2014/11/02 职场文书
2015年国庆节广播稿
2015/08/19 职场文书
position:sticky 粘性定位的几种巧妙应用详解
2021/04/24 HTML / CSS
postgres之jsonb属性的使用操作
2021/06/23 PostgreSQL
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫