html定时载入jquery,JQuery定时器(jQuery Timers)

效果图：默认数据:

开始计时：

HTML部分代码：

按钮

倒计时：

116:

27:

利用来定时制作一个倒计时：var intDiff = parseInt(60);

$(".stop").on("click",function () {

if ($(this).hasClass('stoptime')) {

$(this).removeClass('stoptime');

//开始倒计时

$('body').everyTime('1s',"time-item",function () {

var day=0,

hour=0,

minute=0,

second=0;//时间默认值

if(intDiff > 0){

day = Math.floor(intDiff / (60 * 60 * 24));

hour = Math.floor(intDiff / (60 * 60)) - (day * 24);

minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);

second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);

}

if (minute <= 9) minute = '0' + minute;

if (second <= 9) second = '0' + second;

$('#day_show').html(day+"天");

$('#hour_show').html(''+hour+':');

$('#minute_show').html(''+minute+':');

$('#second_show').html(''+second);

intDiff--;

if (intDiff == 0) {

alert('考试结束，赶紧交卷...');

}

});

} else {

//暂停倒计时

$(this).addClass('stoptime');

$('body').stopTime("time-item");

}

})

html定时载入jquery,JQuery定时器(jQuery Timers)相关推荐

Jquery实现定时器【可输入定时版本】
一.HTML <div class="main"><div class="box"><input type="text& ...
Jquery实现定时器实例
目录一.实例代码二.运行结果一.实例代码 <!DOCTYPE html> <html lang="en"><head><meta c ...
jQuery学习之jQuery Ajax用法详解
jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起 ...
jQuery 教程01——jQuery安装
1.简介 jQuery是一个轻量级的"写的少,做的多"的JavaScript库. jQuery 极大地简化了 JavaScript 编程. jQuery 很容易学习. jQuery ...
jQuery选择器大全| jQuery选择器大全
jQuery选择器大全 2009年09月22日星期二 21:51 jQuery选择器是jQuery库中非常重要的部分之一.它支持网页开发者所熟知的CSS语法快速轻松地对页面进行设置.了解jQuery ...
jQuery复习-(jQuery入门,jQuery语法(DOM),jQuery动画)
jQuery入门 jQuery的概述 jQuery是概念: jQuery是一个第三方框架(库) 框架:别人写好的js代码文件框架好处:复制粘贴提高代码效率 jQuery的作用: DOM操作(主要) ...
【jQuery教科书】从jQuery语法到jQuery ajax的每一个知识点（学习总结）
文章目录 @[toc] 一.jQuery概述 1.1 什么是jQuery? 1.2 jQuery的版本须知 1.3 jQuery的功能作用 1.4 为什么要使用jQuery? 1.5 jQueryAP ...
jQuery动画（jQuery预制动画，jQuery自定义动画，jQuery停止动画和延迟动画）
目录 jQuery预制动画显示隐藏动画上拉下拉动画(高度动画) 淡入淡出动画(透明度动画) jQuery自定义动画 jQuery停止动画和延迟动画等 jQuery预制动画 jquery的预制动画 ...
jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
jqueryajax AJAX是与服务器交流数据的艺术,它在不重载全部页面的情况下,完成了对部分网页的更新. jQueryAJAX实例请点击下面的按钮,经过jQueryAJAX改变这段文本. 获得外 ...
jQuery.append()、jQuery.html()存在的XSS漏洞
使用jQuery.append().jQuery.html()方法时,如果其中内容包含<script>脚本而没有经过任何处理的话,会执行它. 简单的示例代码如下: 1 var xssStr ...

html定时载入jquery,JQuery定时器(jQuery Timers)

html定时载入jquery,JQuery定时器(jQuery Timers)相关推荐

最新文章

热门文章