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 multiSelect 多选下拉框
Jul 09 Javascript
javascript 事件绑定问题
Jan 01 Javascript
Javascript中产生固定结果的函数优化技巧
Jan 16 Javascript
JQuery入门——用bind方法绑定事件处理函数应用介绍
Feb 05 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
Vue方法与事件处理器详解
Dec 01 Javascript
WebView启动支付宝客户端支付失败的问题小结
Jan 11 Javascript
记React connect的几种写法(小结)
Sep 18 Javascript
node.js中express模块创建服务器和http模块客户端发请求
Mar 06 Javascript
vue.js基于v-for实现批量渲染 Json数组对象列表数据示例
Aug 03 Javascript
JS前端基于canvas给图片添加水印
Nov 11 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
如何使用Linux的Crontab定时执行PHP脚本的方法
2011/12/19 PHP
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
php读取flash文件高宽帧数背景颜色的方法
2015/01/06 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
浅谈PHP检查数组中是否存在某个值 in_array 函数
2016/06/13 PHP
php设计模式之观察者模式实例详解【星际争霸游戏案例】
2020/03/30 PHP
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
javascript检查日期格式的函数[比较全]
2008/10/17 Javascript
jquery 操作单选框,复选框,下拉列表实现代码
2009/10/27 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
JavaScript支持的最大递归调用次数分析
2014/06/24 Javascript
js同源策略详解
2015/05/21 Javascript
详细分析使用AngularJS编程中提交表单的方式
2015/06/19 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
轻松实现JavaScript图片切换
2016/01/12 Javascript
深入浅析JavaScript中数据共享和数据传递
2016/04/25 Javascript
easyui简介_动力节点Java学院整理
2017/07/14 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
vue中mint-ui的使用方法
2018/04/04 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
2019/10/21 Javascript
Element-Ui组件 NavMenu 导航菜单的具体使用
2019/10/24 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
40行代码把Vue3的响应式集成进React做状态管理
2020/05/20 Javascript
python如何为创建大量实例节省内存
2018/03/20 Python
Python中pandas dataframe删除一行或一列:drop函数详解
2018/07/03 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
详解python中自定义超时异常的几种方法
2019/07/29 Python
Tensorflow卷积实现原理+手写python代码实现卷积教程
2020/05/22 Python
详解移动端Html5页面中1px边框的几种解决方法
2018/07/24 HTML / CSS
2014党员整改措施思想汇报
2014/10/07 职场文书
工会经费申请报告
2015/05/15 职场文书
2016重阳节红领巾广播稿
2015/12/18 职场文书
Java中常用解析工具jackson及fastjson的使用
2021/06/28 Java/Android
Java中的继承、多态以及封装
2022/04/11 Java/Android
Spring Boot 实现 WebSocket
2022/04/30 Java/Android