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 相关文章推荐
js实现简单折叠、展开菜单的方法
Aug 28 Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
Nov 02 Javascript
chrome浏览器如何断点调试异步加载的JS
Sep 05 Javascript
jQuery css() 方法动态修改CSS属性
Sep 25 Javascript
jQuery插件ImgAreaSelect实现头像上传预览和裁剪功能实例讲解一
May 26 jQuery
JS 中可以提升幸福度的小技巧(可以识别更多另类写法)
Jul 28 Javascript
在react中使用vuex的示例代码
Jul 30 Javascript
微信小程序开发之自定义tabBar的实现
Sep 06 Javascript
浅谈目前可以使用ES10的5个新特性
Jun 25 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
微信小程序视频弹幕发送功能的实现
Dec 28 Javascript
js实现鼠标切换图片(无定时器)
Jan 27 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/02/26 PHP
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
js 关于=+与+=日期函数使用说明(赋值运算符)
2011/11/15 Javascript
关于 文本框默认值 的操作js代码
2012/01/12 Javascript
jquery zTree异步加载简单实例分享
2013/02/05 Javascript
javascript运行机制之this详细介绍
2014/02/07 Javascript
jquery无法设置checkbox选中即没有变成选中状态
2014/03/27 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
给angular加上动画效遇到的问题总结
2016/02/17 Javascript
基于javascript实现图片切换效果
2016/04/17 Javascript
jQuery.uploadify文件上传组件实例讲解
2016/09/23 Javascript
Vue.js常用指令之循环使用v-for指令教程
2017/06/27 Javascript
jQueryUI Sortable 应用Demo(分享)
2017/09/07 jQuery
详解小程序原生使用ES7 async/await语法
2018/08/06 Javascript
mui js控制开关状态、修改switch开关的值方法
2019/09/03 Javascript
vue 根据选择条件显示指定参数的例子
2019/11/09 Javascript
JS实现判断移动端PC端功能
2020/02/21 Javascript
python函数局部变量用法实例分析
2015/08/04 Python
Python采用Django开发自己的博客系统
2020/09/29 Python
使用Python制作微信跳一跳辅助
2018/01/31 Python
Python实现多条件筛选目标数据功能【测试可用】
2018/06/13 Python
OpenCV2从摄像头获取帧并写入视频文件的方法
2018/08/03 Python
python+splinter实现12306网站刷票并自动购票流程
2018/09/25 Python
python操作cfg配置文件方式
2019/12/22 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
Selenium元素定位的30种方式(史上最全)
2020/05/11 Python
手把手教你如何用Pycharm2020.1.1配置远程连接的详细步骤
2020/08/07 Python
Puccini乌克兰:购买行李箱、女士手袋网上商店
2020/08/06 全球购物
车间统计员岗位职责
2014/01/05 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
上帝也疯狂观后感
2015/06/09 职场文书
入党申请书格式
2019/06/20 职场文书
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS
springcloud之Feign超时问题的解决
2021/06/24 Java/Android