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 相关文章推荐
JavaScipt基本教程之JavaScript语言的基础
Jan 16 Javascript
js 屏蔽鼠标右键脚本附破解方法
Dec 03 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
深入分析node.js的异步API和其局限性
Sep 05 Javascript
JavaScript中浅讲ajax图文详解
Nov 11 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
Dec 11 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
Feb 22 Javascript
Angular2 自定义validators的实现方法
Jul 05 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
Feb 01 Javascript
Bootstrap Table列宽拖动的方法
Aug 15 Javascript
详解html-webpack-plugin插件(用法总结)
Sep 12 Javascript
微信小程序获取公众号文章列表及显示文章的示例代码
Mar 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
php项目打包方法
2008/02/18 PHP
PHP伪静态页面函数附使用方法
2008/06/20 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
php Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
php设计模式之抽象工厂模式分析【星际争霸游戏案例】
2020/01/23 PHP
jQuery操作select的实例代码
2012/06/14 Javascript
js获取select标签选中值的两种方式
2014/01/09 Javascript
js sort 二维数组排序的用法小结
2014/01/24 Javascript
textarea不能通过maxlength属性来限制字数的解决方法
2014/09/01 Javascript
浅析javascript 定时器
2014/12/23 Javascript
探讨JavaScript标签位置的存放与功能有无关系
2016/01/15 Javascript
深入理解node.js之path模块
2017/05/03 Javascript
详解Node.js access_token的获取、存储及更新
2017/06/20 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
微信小程序引入模块中wxml、wxss、js的方法示例
2019/08/09 Javascript
layui框架与SSM前后台交互的方法
2019/09/12 Javascript
如何利用node.js开发一个生成逐帧动画的小工具
2019/12/01 Javascript
javascript设计模式 ? 代理模式原理与用法实例分析
2020/04/16 Javascript
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
python if not in 多条件判断代码
2016/09/21 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
TensorFlow Session使用的两种方法小结
2018/07/30 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
python复制列表时[:]和[::]之间有什么区别
2018/10/16 Python
关于ZeroMQ 三种模式python3实现方式
2019/12/23 Python
Python统计时间内的并发数代码实例
2019/12/28 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
印度排名第一的蛋糕、鲜花和礼品送货:Winni
2019/08/02 全球购物
材料工程专业毕业生求职信
2014/03/04 职场文书
公开服务承诺制度
2014/03/26 职场文书
2014年师德承诺书
2014/05/23 职场文书
防汛工作情况汇报
2014/10/28 职场文书
旷工检讨书1000字
2015/01/01 职场文书
iPhone13再次曝光
2021/04/15 数码科技