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 相关文章推荐
使用正则替换变量
May 05 Javascript
jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
Sep 29 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
父页面显示遮罩层弹出半透明状态的dialog
Mar 04 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
Mar 05 Javascript
基于zepto.js实现仿手机QQ空间的大图查看组件ImageView.js详解
Mar 05 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
Dec 17 Javascript
jquery中关于bind()方法的使用技巧分享
Mar 30 jQuery
javascript完美实现给定日期返回上月日期的方法
Jun 15 Javascript
详解单页面路由工程使用微信分享及二次分享解决方案
Feb 22 Javascript
在vue项目实现一个ctrl+f的搜索功能
Feb 28 Javascript
ES11屡试不爽的新特性,你用上了几个
Oct 21 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
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
如何对PHP程序中的常见漏洞进行攻击(上)
2006/10/09 PHP
Discuz!5的PHP代码高亮显示插件(黑暗中的舞者更新)
2007/01/29 PHP
PHP 存储文本换行实现方法
2010/01/05 PHP
PHP框架性能测试报告
2016/05/08 PHP
PHP编程计算文件或数组中单词出现频率的方法
2017/05/22 PHP
JS location几个方法小姐
2008/07/09 Javascript
Javascript中Eval函数的使用
2010/03/23 Javascript
jQuery 技巧小结
2010/04/02 Javascript
jquery动态加载js三种方法实例
2013/08/03 Javascript
jquery对象和javascript对象即DOM对象相互转换
2014/08/07 Javascript
JavaScript使ifram跨域相互访问及与PHP通信的实例
2016/03/03 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
Javascript同时声明一连串(多个)变量的方法
2017/01/23 Javascript
JS基于onclick事件实现单个按钮的编辑与保存功能示例
2017/02/13 Javascript
jQuery实现字符串全部替换的方法【推荐】
2017/03/09 Javascript
详解使用nvm管理多版本node的方法
2017/08/30 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
js实现数字跳动到指定数字
2020/08/25 Javascript
python 默认参数问题的陷阱
2016/02/29 Python
简单讲解Python中的字符串与字符串的输入输出
2016/03/13 Python
python3爬取数据至mysql的方法
2018/06/26 Python
对python3中pathlib库的Path类的使用详解
2018/10/14 Python
实现Python与STM32通信方式
2019/12/18 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
详解Python 最短匹配模式
2020/07/29 Python
米兰必去买手店排行榜首位:Antonioli
2016/09/11 全球购物
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
2019史上最全Database工程师题库
2015/12/06 面试题
2014年民政局关于保密工作整改措施
2014/09/19 职场文书
2015年社区综治宣传月活动总结
2015/03/25 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书
演讲稿:态度决定一切
2019/04/02 职场文书
Redis 配置文件重要属性的具体使用
2021/05/20 Redis