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 浏览器事件介绍
Mar 30 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
浅谈bootstrap源码分析之tab(选项卡)
Jun 06 Javascript
Javascript之面向对象--接口
Dec 02 Javascript
浅谈js中同名函数和同名变量的执行问题
Feb 12 Javascript
原生js更改css样式的两种方式
Mar 15 Javascript
原生js简单实现放大镜特效
May 16 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
Sep 16 Javascript
vue中遇到的坑之变化检测问题(数组相关)
Oct 13 Javascript
js canvas实现红包照片效果
Aug 21 Javascript
js基础之事件捕获与冒泡原理
Oct 09 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
图象函数中的中文显示
2006/10/09 PHP
解析mysql 表中的碎片产生原因以及清理
2013/06/22 PHP
PHP5.4起内置web服务器使用方法
2016/08/09 PHP
javascript options属性集合操作代码
2009/12/28 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
js控制再次点击按钮之间的间隔时间可防止重复提交
2014/08/01 Javascript
JavaScript实现查找字符串中第一个不重复的字符
2014/12/29 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
jquery 实现复选框的全选操作实例代码
2017/01/24 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
微信小程序 slider的简单实例
2017/04/19 Javascript
代码详解Vuejs响应式原理
2017/12/20 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
JavaScript实用代码小技巧
2018/08/23 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
Vue 中 a标签上href无法跳转的解决方式
2019/11/12 Javascript
python实现zencart产品数据导入到magento(python导入数据)
2014/04/03 Python
Python内置的HTTP协议服务器SimpleHTTPServer使用指南
2016/03/30 Python
Python实现的选择排序算法示例
2017/11/29 Python
简单了解python模块概念
2018/01/11 Python
一篇文章读懂Python赋值与拷贝
2018/04/19 Python
Python3+Selenium+Chrome实现自动填写WPS表单
2020/02/12 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
深入浅出CSS3 background-clip,background-origin和border-image教程
2011/01/27 HTML / CSS
AmazeUI的下载配置与Helloworld的实现
2020/08/19 HTML / CSS
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
数学专业毕业生自荐信
2013/11/10 职场文书
网吧消防安全制度
2014/01/28 职场文书
中学教师培训制度
2014/01/31 职场文书
行政主管职责范本
2014/03/07 职场文书
小学社团活动总结
2014/06/27 职场文书
合法的离婚协议书范本
2014/10/23 职场文书
商场营业员岗位职责
2015/04/14 职场文书
MySQL对数据表已有表进行分区表的实现
2021/11/01 MySQL
MySQL和Oracle批量插入SQL的通用写法示例
2021/11/17 MySQL