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 相关文章推荐
Jquery Uploadify上传带进度条的简单实例
Feb 12 Javascript
js添加select下默认的option的value和text的方法
Oct 19 Javascript
jQuery使用height()获取高度需要注意的地方
Dec 13 Javascript
js添加千分位的实现代码(超简单)
Aug 01 Javascript
BootStrap 实现各种样式的进度条效果
Dec 07 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
May 07 Javascript
AngularJS实现动态添加Option的方法
May 17 Javascript
Vue2.0实现购物车功能
Jun 05 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
Apr 12 jQuery
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
Sep 10 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 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
C# Assembly类访问程序集信息
2009/06/13 PHP
php实现递归与无限分类的方法
2015/02/16 PHP
ThinkPHP3.2.2实现持久登录(记住我)功能的方法
2016/05/16 PHP
JS查看对象功能代码
2008/04/25 Javascript
window.open不被拦截的实现代码
2012/08/22 Javascript
jquery通过a标签删除table中的一行的代码
2013/12/02 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
网页广告中JS代码的信息监听示例
2014/04/02 Javascript
javascript实现的HashMap类代码
2014/06/27 Javascript
javascript实现日期按月份加减
2015/05/15 Javascript
详解JavaScript中void语句的使用
2015/06/04 Javascript
探讨JavaScript中的Rest参数和参数默认值
2015/07/29 Javascript
一种新的javascript对象创建方式Object.create()
2015/12/28 Javascript
基于JQuery及AJAX实现名人名言随机生成器
2017/02/10 Javascript
Vue-cli3简单使用(图文步骤)
2019/04/30 Javascript
js获取浏览器地址(获取第1个斜杠后的内容)
2019/09/03 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
[50:02]完美世界DOTA2联赛PWL S2 Magma vs FTD 第三场 11.29
2020/12/03 DOTA
Python解决鸡兔同笼问题的方法
2014/12/20 Python
python+pyqt实现12306图片验证效果
2017/10/25 Python
python基础 range的用法解析
2019/08/23 Python
Python Json数据文件操作原理解析
2020/05/09 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
python绘制高斯曲线
2021/02/19 Python
利用CSS3实现进度条的两种姿势详解
2017/03/21 HTML / CSS
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
美国知名保健品网站:LuckyVitamin(支持中文)
2017/08/09 全球购物
医院安全生产月活动总结
2014/07/05 职场文书
国际贸易实训报告
2014/11/05 职场文书
2015教师年度工作总结范文
2015/04/07 职场文书
建国大业观后感600字
2015/06/01 职场文书
蔬果开业典礼发言稿应该怎么写?
2019/09/03 职场文书
带你彻底理解JavaScript中的原型对象
2021/04/14 Javascript
MySQL 视图(View)原理解析
2021/05/19 MySQL
Python制作一个随机抽奖小工具的实现
2021/07/07 Python
Anaconda配置各版本Pytorch的实现
2021/08/07 Python