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中.live()方法的用法深入解析
Dec 30 Javascript
JSON.parse()和JSON.stringify()使用介绍
Jun 20 Javascript
jQuery中detach()方法用法实例
Dec 25 Javascript
js实现键盘Enter键提交表单的方法
May 27 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
BootStrap下拉菜单和滚动监听插件实现代码
Sep 26 Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 Javascript
完美解决iview 的select下拉框选项错位的问题
Mar 02 Javascript
vue实现学生录入系统之添加删除功能
Jul 11 Javascript
Vue下拉框回显并默认选中随机问题
Sep 06 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
webpack 动态批量加载文件的实现方法
Mar 19 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版(5)
2006/10/09 PHP
PHP5+UTF8多文件上传类
2008/10/17 PHP
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
Session服务器配置指南与使用经验的深入解析
2013/06/17 PHP
PHP连接MySQL的2种方法小结以及防止乱码
2014/03/11 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
js编码之encodeURIComponent使用介绍(asp,php)
2012/03/01 Javascript
jQuery性能优化28条建议你值得借鉴
2013/02/16 Javascript
Node.js 学习笔记之简介、安装及配置
2015/03/03 Javascript
JavaScript中使用自然对数ln的方法
2015/06/14 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
如何使用Vuex+Vue.js构建单页应用
2016/10/27 Javascript
jQuery实现页面滚动时智能浮动定位
2017/01/08 Javascript
jQuery实现简易的输入框字数计数功能示例
2017/01/16 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
2017/05/20 Javascript
vue给组件传递不同的值方法
2018/09/29 Javascript
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
js实现课堂随机点名系统
2019/11/21 Javascript
浅谈JavaScript窗体Window.ShowModalDialog使用
2020/07/22 Javascript
搞笑的程序猿:看看你是哪种Python程序员
2015/06/12 Python
Python编写登陆接口的方法
2017/07/10 Python
详解Python中正则匹配TAB及空格的小技巧
2019/07/26 Python
Python使用scipy模块实现一维卷积运算示例
2019/09/05 Python
使用CSS3制作响应式导航菜单的方法
2015/07/12 HTML / CSS
HTML5 input placeholder 颜色修改示例
2014/05/30 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
Cynthia Rowley官网:全球领先的生活方式品牌
2020/10/27 全球购物
小学生学习感言
2014/03/10 职场文书
动员大会主持词
2014/03/20 职场文书
组织生活会表态发言材料
2014/10/17 职场文书
2016班级元旦联欢会开幕词
2016/03/04 职场文书
详解PHP用mb_string处理windows中文字符
2021/05/26 PHP
鲲鹏 CentOS 7 安装Python3.7
2022/05/11 Servers