jquery实时获取时间的简单实例


Posted in Javascript onJanuary 26, 2017

实例如下:

$(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 相关文章推荐
添加JavaScript重载函数的辅助方法2
Jul 04 Javascript
js substr、substring和slice使用说明小记
Sep 15 Javascript
JavaScript字符串String和Array操作的有趣方法
Dec 18 Javascript
JS实现文字放大效果的方法
Mar 03 Javascript
简介JavaScript中toTimeString()方法的使用
Jun 12 Javascript
javascript实现base64 md5 sha1 密码加密
Sep 09 Javascript
浅谈javascript中new操作符的原理
Jun 07 Javascript
webpack3之loader全解析
Oct 26 Javascript
vue2.0 自定义 饼状图 (Echarts)组件的方法
Mar 02 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
Jul 08 Javascript
vue+layui实现select动态加载后台数据的例子
Sep 20 Javascript
微信小程序实现图片自适应(支持多图)
Jan 25 #Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 #Javascript
assert()函数用法总结(推荐)
Jan 25 #Javascript
canvas知识总结
Jan 25 #Javascript
基于JavaScript实现自定义滚动条
Jan 25 #Javascript
基于javascript实现数字英文验证码
Jan 25 #Javascript
js阻止移动端页面滚动的两种方法
Jan 25 #Javascript
You might like
深入PHP数据缓存的使用说明
2013/05/10 PHP
探讨PHP使用eAccelerator的API开发详解
2013/06/09 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
php利用事务处理转账问题
2015/04/22 PHP
PHP读取大文件末尾N行的高效方法推荐
2016/06/03 PHP
PHP中quotemeta()函数的用法讲解
2019/04/04 PHP
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
2006/10/19 Javascript
JavaScript实现动态增加文件域表单
2009/02/12 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
基于jquery异步传输json数据格式实例代码
2013/11/23 Javascript
JavaScript设计模式之单例模式实例
2014/09/24 Javascript
jQuery中判断对象是否存在的方法汇总
2016/02/24 Javascript
归纳下js面向对象的几种常见写法总结
2016/08/24 Javascript
JS中Select下拉列表类(支持输入模糊查询)功能
2017/01/17 Javascript
jQuery实现获取h1-h6标题元素值的方法
2017/03/06 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
vue 插值 v-once,v-text, v-html详解
2018/01/19 Javascript
详解node.js 事件循环
2020/07/22 Javascript
[40:56]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 Liquid vs TNC
2018/04/01 DOTA
Python里disconnect UDP套接字的方法
2015/04/23 Python
如何利用Fabric自动化你的任务
2016/10/20 Python
Python调用ctypes使用C函数printf的方法
2017/08/23 Python
几种实用的pythonic语法实例代码
2018/02/24 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
Python实现基于POS算法的区块链
2018/08/07 Python
Python Learning 列表的更多操作及示例代码
2018/08/22 Python
Python实现微信翻译机器人的方法
2019/08/13 Python
python中time tzset()函数实例用法
2021/02/18 Python
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
美国珠宝店:Helzberg Diamonds
2018/10/24 全球购物
JD Sports丹麦:英国领先的运动时尚零售商
2020/11/24 全球购物
关于旷工的检讨书
2014/02/02 职场文书
生物科学专业职业规划书范文
2014/02/11 职场文书
推广普通话标语
2014/06/27 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python