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 相关文章推荐
jquery 多级下拉菜单核心代码
May 21 Javascript
jQuery获取地址栏参数插件(模仿C#)
Oct 26 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
javascript引擎长时间独占线程造成卡顿的解决方案
Dec 03 Javascript
浅谈重写window对象的方法
Dec 29 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
Mar 11 Javascript
javascript中createElement的两种创建方式
May 14 Javascript
JavaScript程序开发之JS代码放置的位置
Jan 15 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
Vue 同步异步存值取值实现案例
Aug 05 Javascript
Js类的构建与继承案例详解
Sep 15 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
PHP多个版本的分析解释
2011/07/21 PHP
php+xml编程之SimpleXML的应用实例
2015/01/24 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
UTF-8正则表达式如何匹配汉字
2015/08/03 PHP
使用XHProf查找PHP性能瓶颈的实例
2017/12/13 PHP
Yii框架ACF(accessController)简单权限控制操作示例
2019/04/26 PHP
Smarty缓存机制实例详解【三种缓存方式】
2019/07/20 PHP
php实现银联商务公众号+服务窗支付的示例代码
2019/10/12 PHP
JS格式化数字金额用逗号隔开保留两位小数
2013/10/18 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
javascript中的__defineGetter__和__defineSetter__介绍
2014/08/15 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
浅谈javascript中的DOM方法
2015/07/16 Javascript
深入理解JavaScript中Ajax
2016/08/02 Javascript
浅谈jQuery的bind和unbind事件(绑定和解绑事件)
2017/03/02 Javascript
jQuery实现文章图片弹出放大效果
2017/04/06 jQuery
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
Vue应用部署到服务器的正确方式
2017/07/15 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
详解Vue Elememt-UI构建管理后台
2018/02/27 Javascript
js笔试题-接收get请求参数
2019/06/15 Javascript
[51:05]DOTA2上海特级锦标赛主赛事日 - 5 败者组决赛Liquid VS EG第一局
2016/03/06 DOTA
[03:07]【DOTA2亚洲邀请赛】我们,梦开始的地方
2017/03/07 DOTA
python基础教程之自定义函数介绍
2014/08/29 Python
python实现机器学习之多元线性回归
2018/09/06 Python
python使用Plotly绘图工具绘制柱状图
2019/04/01 Python
python opencv肤色检测的实现示例
2020/12/21 Python
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
美国LOGO设计公司:The Logo Company
2018/07/16 全球购物
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
Java语言的优势
2015/01/10 面试题
成考报名单位证明范本
2014/01/16 职场文书
党员教师个人对照检查材料(群众路线)
2014/09/26 职场文书
党员违纪检讨书
2015/05/05 职场文书
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android