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 相关文章推荐
js图片自动切换效果处理代码
May 07 Javascript
Javascript技术难点之apply,call与this之间的衔接
Dec 04 Javascript
webpack常用配置项配置文件介绍
Nov 07 Javascript
flag和jq on 的绑定多个对象和方法(必看)
Feb 27 Javascript
使用Angular 6创建各种动画效果的方法
Oct 10 Javascript
vue 列表页跳转详情页获取id以及详情页通过id获取数据
Mar 27 Javascript
详解mpvue中使用vant时需要注意的onChange事件的坑
May 16 Javascript
layui禁用侧边导航栏点击事件的解决方法
Sep 25 Javascript
javascript/jquery实现点击触发事件的方法分析
Nov 11 jQuery
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
Dec 22 Javascript
js原生map实现的方法总结
Jan 19 Javascript
详解Vue数据驱动原理
Nov 17 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中利用substr_replace将指定两位置之间的字符替换为*号
2011/01/27 PHP
浅谈php和.net的区别
2014/09/28 PHP
php随机抽奖实例分析
2015/03/04 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
JavaScript脚本语言在网页中的简单应用
2007/05/13 Javascript
jQuery选择没有colspan属性的td的代码
2010/07/06 Javascript
javascript 密码框防止用户粘贴和复制的实现代码
2014/02/17 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
详解Node.js如何开发命令行工具
2016/08/14 Javascript
Javascript中常用的检测方法小结
2016/10/08 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
jQuery Datatables表头不对齐的解决办法
2017/11/27 jQuery
form表单数据封装成json格式并提交给服务器的实现方法
2017/12/14 Javascript
Vue 换肤的示例实践
2018/01/23 Javascript
webpack+react+antd脚手架优化的方法
2018/04/02 Javascript
[01:14:34]DOTA2上海特级锦标赛C组资格赛#2 LGD VS Newbee第一局
2016/02/28 DOTA
[51:44]2018DOTA2亚洲邀请赛 4.3 突围赛 Optic vs iG 第二场
2018/04/04 DOTA
Numpy 将二维图像矩阵转换为一维向量的方法
2018/06/05 Python
mac PyCharm添加Python解释器及添加package路径的方法
2018/10/29 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
Python Web框架之Django框架Model基础详解
2019/08/16 Python
Python使用python-docx读写word文档
2019/08/26 Python
解决python 虚拟环境删除包无法加载的问题
2020/07/13 Python
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
经济学人订阅:The Economist
2018/07/19 全球购物
香港零食网购:上仓胃子
2020/06/08 全球购物
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
中秋节礼品促销方案
2014/02/02 职场文书
师德演讲稿范文
2014/05/06 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
基层党员四风问题自我剖析材料
2014/09/29 职场文书
学历证明样本
2015/06/16 职场文书
践行三严三实心得体会(2016推荐篇)
2016/01/06 职场文书
家电创业计划书
2019/08/05 职场文书