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 相关文章推荐
javascript判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
js实现图片漂浮效果的方法
Mar 02 Javascript
JS根据生日算年龄的方法
May 05 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
Vue实战之vue登录验证的实现代码
Oct 31 Javascript
详解vue-cli项目中用json-sever搭建mock服务器
Nov 02 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 Javascript
JS原型对象操作实例分析
Jun 06 Javascript
使用Vue3+Vant组件实现App搜索历史记录功能(示例代码)
Jun 09 Vue.js
微信小程序实现图片自适应(支持多图)
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 遍历数据表数据并列表横向排列的代码
2009/09/05 PHP
php curl获取网页内容(IPV6下超时)的解决办法
2013/07/16 PHP
Laravel 4 初级教程之Pages、表单验证
2014/10/30 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
通过PHP的Wrapper无缝迁移原有项目到新服务的实现方法
2020/04/02 PHP
JQuery UI DatePicker中z-index默认为1的解决办法
2010/09/28 Javascript
JavaScript 拾碎[三] 使用className属性
2010/10/16 Javascript
Table冻结表头示例代码
2013/08/20 Javascript
jQuery 动态云标签插件
2014/11/11 Javascript
javascript框架设计之种子模块
2015/06/23 Javascript
详解JavaScript常量定义
2017/01/03 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
angular.js+node.js实现下载图片处理详解
2017/03/31 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
详解为什么Vue中不要用index作为key(diff算法)
2020/04/04 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
vue3.0 项目搭建和使用流程
2021/03/04 Vue.js
Python标准库内置函数complex介绍
2014/11/25 Python
Python实现字符串与数组相互转换功能示例
2017/09/22 Python
python初学者,用python实现基本的学生管理系统(python3)代码实例
2019/04/10 Python
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
Python使用指定字符长度切分数据示例
2019/12/05 Python
python垃圾回收机制(GC)原理解析
2019/12/30 Python
python文件和文件夹复制函数
2020/02/07 Python
解决django的template中如果无法引用MEDIA_URL问题
2020/04/07 Python
css3实现动画的三种方式
2020/08/24 HTML / CSS
写求职信要注意什么问题
2014/04/12 职场文书
读书活动总结范文
2014/04/26 职场文书
秋天的怀念教学反思
2014/04/28 职场文书
幼师个人总结范文
2015/02/28 职场文书
大专护理专业自荐信
2015/03/25 职场文书
小学语文国培研修日志
2015/11/13 职场文书
Python+OpenCV实现在图像上绘制矩形
2022/03/21 Python