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 相关文章推荐
简介AngularJS中使用factory和service的方法
Jun 17 Javascript
Vue.js路由组件vue-router使用方法详解
Dec 02 Javascript
解析Vue2.0双向绑定实现原理
Feb 23 Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
jQuery+css last-child实现选择最后一个子元素操作示例
Dec 10 jQuery
npm 常用命令详解(小结)
Jan 17 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
May 18 Javascript
深入浅出了解Node.js Streams
May 27 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
Feb 16 Javascript
我所理解的JavaScript中的this指向
Sep 04 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过滤危险html代码
2008/08/18 PHP
PHP 身份验证方面的函数
2009/10/11 PHP
php实现批量删除挂马文件及批量替换页面内容完整实例
2016/07/08 PHP
thinkPHP多表查询及分页功能实现方法示例
2017/07/03 PHP
又一个图片自动缩小的JS代码
2007/03/10 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
用js实现in_array的方法
2013/11/05 Javascript
JavaScript中的正则表达式简明总结
2014/04/04 Javascript
js图片预加载示例
2014/04/30 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
js函数内变量的作用域分析
2015/01/12 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
2016/05/30 Javascript
JS实现简单抖动效果
2017/06/01 Javascript
利用types增强vscode中js代码提示功能详解
2017/07/07 Javascript
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
2018/08/24 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
Vue 实现输入框新增搜索历史记录功能
2019/10/15 Javascript
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
[38:42]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第二场 11.05
2020/11/05 DOTA
python中 chr unichr ord函数的实例详解
2017/08/06 Python
python 获取毫秒数,计算调用时长的方法
2019/02/20 Python
PyQt Qt Designer工具的布局管理详解
2019/08/07 Python
在Tensorflow中实现梯度下降法更新参数值
2020/01/23 Python
pycharm安装及如何导入numpy
2020/04/03 Python
HTML5是否真的可以取代Flash
2010/02/10 HTML / CSS
英国著名音像制品和图书游戏购物网站:Zavvi
2016/08/04 全球购物
英国最大的电子零件及配件零售商:Partmaster
2017/04/24 全球购物
Madda Fella官网:美国冒险家服装品牌
2020/01/16 全球购物
函授本科自我鉴定
2013/11/03 职场文书
2014年情人节活动方案
2014/02/16 职场文书
医学生临床实习自我评价
2014/03/07 职场文书
开工仪式策划方案
2014/05/23 职场文书
专题组织生活会思想汇报
2014/10/01 职场文书
MySQL 存储过程的优缺点分析
2021/05/20 MySQL
Redis RDB技术底层原理详解
2021/09/04 Redis