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 相关文章推荐
Node.js生成HttpStatusCode辅助类发布到npm
Apr 09 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
jquery实现当滑动到一定位置时固定效果
Jun 17 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
jQuery实现两列等高并自适应高度
Dec 22 Javascript
js手机号4位显示空格,银行卡每4位显示空格效果
Mar 23 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
讲解vue-router之命名路由和命名视图
May 28 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 Javascript
在React项目中使用Eslint代码检查工具及常见问题
Oct 10 Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
Oct 18 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
javascript some()函数用法详解
2014/11/13 PHP
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
2010/12/02 Javascript
jQuery对val和atrr(&quot;value&quot;)赋值的区别介绍
2014/09/26 Javascript
Js为表单动态添加节点内容的方法
2015/02/10 Javascript
javascript实现完美拖拽效果
2015/05/06 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
AngularJS中一般函数参数传递用法分析
2016/11/22 Javascript
Bootstrap基本样式学习笔记之表单(3)
2016/12/07 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
2017/01/09 Javascript
一篇文章搞定JavaScript类型转换(面试常见)
2017/01/21 Javascript
vue项目中用cdn优化的方法
2018/01/03 Javascript
vue-lazyload图片延迟加载插件的实例讲解
2018/02/09 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
vue实现购物车的小练习
2020/12/21 Vue.js
ssh批量登录并执行命令的python实现代码
2012/05/25 Python
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
Sanic框架配置操作分析
2018/07/17 Python
使用pandas实现csv/excel sheet互相转换的方法
2018/12/10 Python
Python通过paramiko远程下载Linux服务器上的文件实例
2018/12/27 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
完美解决python针对hdfs上传和下载的问题
2020/06/05 Python
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
Overload和Override的区别
2012/09/02 面试题
小学毕业感言300字
2014/02/19 职场文书
家教广告词
2014/03/19 职场文书
团队拓展活动总结
2014/08/27 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
交通安全学习心得体会
2016/01/18 职场文书
Python面向对象之内置函数相关知识总结
2021/06/24 Python
vue特效之翻牌动画
2022/04/20 Vue.js