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 相关文章推荐
MooTools 1.2中的Drag.Move来实现拖放
Sep 15 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
Aug 18 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
javascript无刷新评论实现方法
May 13 Javascript
vue中用动态组件实现选项卡切换效果
Mar 25 Javascript
详解Vuejs2.0 如何利用proxyTable实现跨域请求
Aug 03 Javascript
vue做网页开场视频的实例代码
Oct 20 Javascript
vue 2.0 购物车小球抛物线的示例代码
Feb 01 Javascript
微信小程序自定义组件的实现方法及自定义组件与页面间的数据传递问题
Oct 09 Javascript
微信小程序实现基于三元运算验证手机号/姓名功能示例
Jan 19 Javascript
超轻量级的js时间库miment使用解析
Aug 02 Javascript
JS深入学习之数组对象排序操作示例
May 01 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实现WEB动态网页静态
2006/10/09 PHP
如何在PHP中使用正则表达式进行查找替换
2013/06/13 PHP
php将图片保存入mysql数据库失败的解决方法
2014/12/27 PHP
简单实现php上传文件功能
2017/09/21 PHP
jquery中邮箱地址 URL网站地址正则验证实例代码
2013/09/15 Javascript
jQuery+Ajax实现无刷新分页
2015/10/30 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
jQuery实现ajax的叠加和停止(终止ajax请求)
2016/08/08 Javascript
完全深入学习Bootstrap表单
2016/11/28 Javascript
jquery.zclip轻量级复制失效问题
2017/01/08 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
angular4中关于表单的校验示例
2017/10/16 Javascript
一个简单的node.js界面实现方法
2018/06/01 Javascript
ES6小技巧之代替lodash
2019/06/07 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
vue实现可移动的悬浮按钮
2021/03/04 Vue.js
python的正则表达式re模块的常用方法
2013/03/09 Python
python爬取网页转换为PDF文件
2018/06/07 Python
python async with和async for的使用
2019/06/20 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
详解anaconda离线安装pytorchGPU版
2020/09/08 Python
利用python批量爬取百度任意类别的图片的实现方法
2020/10/07 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
HTML5 微格式和相关的属性名称
2010/02/10 HTML / CSS
乌克兰时尚鞋子和衣服购物网站:Born2be
2018/05/24 全球购物
美国在线艺术商店:HandmadePiece
2020/11/06 全球购物
简单而又朴实的个人求职信分享
2013/12/12 职场文书
绩效工资实施方案
2014/03/15 职场文书
就职演讲稿范文
2014/05/19 职场文书
学校与家长安全责任书
2014/07/23 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
决心书格式范文
2015/09/23 职场文书
回门宴新娘答谢词
2015/09/29 职场文书
python某漫画app逆向
2021/03/31 Python
Redis的字符串是如何实现的
2021/10/24 Redis
Win11 vmware不兼容怎么办?Win11与VMware虚拟机不兼容的解决方法
2023/01/09 数码科技