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 相关文章推荐
Prototype源码浅析 String部分(一)之有关indexOf优化
Jan 15 Javascript
javascript中call和apply方法浅谈
Sep 27 Javascript
jquery删除ID为sNews的tr元素的内容
Apr 10 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
js实现选中页面文字将其分享到新浪微博
Nov 05 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
Vue.js实现简单ToDoList 前期准备(一)
Dec 01 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
详解Vue中的基本语法和常用指令
Jul 23 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
JS获取一个字符串中指定字符串第n次出现的位置
Feb 10 Javascript
用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
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
分享3个php获取日历的函数
2015/09/25 PHP
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
javascript parseInt与Number函数的区别
2010/01/21 Javascript
Extjs407 getValue()和getRawValue()区别介绍
2013/05/21 Javascript
JS 退出系统并跳转到登录界面的实现代码
2013/06/29 Javascript
Javascript中string转date示例代码
2013/11/01 Javascript
jquery(hide方法)隐藏指定元素实例
2013/11/11 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
JavaScript学习笔记之基础语法
2015/01/22 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
VUE在for循环里面根据内容值动态的加入class值的方法
2018/08/12 Javascript
微信小程序使用字体图标的方法
2019/05/23 Javascript
Swiper实现导航栏滚动效果
2020/10/16 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
Python使用gensim计算文档相似性
2016/04/10 Python
Python实现Smtplib发送带有各种附件的邮件实例
2017/06/05 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
python3实现基于用户的协同过滤
2018/05/31 Python
python 读取竖线分隔符的文本方法
2018/12/20 Python
Python学习笔记之Django创建第一个数据库模型的方法
2019/08/07 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
使用Python制作缩放自如的圣诞老人(圣诞树)
2019/12/25 Python
在Sublime Editor中配置Python环境的详细教程
2020/05/03 Python
html5 学习简单的拾色器
2010/09/03 HTML / CSS
全球最大的在线旅游公司:Expedia
2017/11/16 全球购物
六个一活动实施方案
2014/03/21 职场文书
学校运动会报道稿
2014/09/23 职场文书
村当支部个人对照检查材料思想汇报
2014/10/06 职场文书
领导干部作风建设工作总结
2014/10/23 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
小公司融资,商业计划书的8切记
2019/07/15 职场文书
MySQL数字类型自增的坑
2021/05/07 MySQL