jQuery实现页面倒计时并刷新效果
下面一段代码给大家分享基于jquery实现的页面倒计时并刷新效果，代码如下所示：
var intDiff = parseInt(600);//倒计时总秒数量
function timer(intDiff){
window.setInterval(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);
}else{//当时间耗尽，刷新页面
window.location.reload();
}
if (minute <= 9) minute = '0' + minute;
if (second <= 9) second = '0' + second;
$(".timeShow").html('本页数据还剩下<font>'+minute+'分'+second+'</font>秒刷新,刷新间隔时间: 10 分钟');
intDiff--;
}, 1000);
}
$(function(){
timer(intDiff);
});
<span class="timeShow"></span>
以上所示是小编给大家介绍的jQuery实现页面倒计时并刷新效果，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
-
本文向大家介绍js实现网页自动刷新可制作节日倒计时效果，包括了js实现网页自动刷新可制作节日倒计时效果的使用技巧和注意事项，需要的朋友参考一下
-
本文向大家介绍js实现新年倒计时效果，包括了js实现新年倒计时效果的使用技巧和注意事项，需要的朋友参考一下 一年又一年，新年又快到了，最近大家又开始抢回家过年的车票了，我们就来算一算离新年还有多少天，总结总结在即将过去的2015年大家都收获了什么？ 本文实例讲述了js实现新年倒计时效果代码。分享给大家供大家参考。具体如下： 运行效果图： 具体代码： 希望本文所述对大家学习javascript程序设
-
概述 我有div#lead_form在页面加载后5秒内滑下来。在这个div中，我有一个submit按钮。每当有人单击submit时，#lead_form中的表单将验证输入字段并刷新页面。 问题 每次表单验证时，它都会刷新网页，而div#lead_form SlideDown需要5秒才能滑入。我想做的是，有一个true false变量，并检查提交按钮是否被点击，如果为true，则禁用div#lead
-
本文向大家介绍jQuery实现的倒计时效果实例小结，包括了jQuery实现的倒计时效果实例小结的使用技巧和注意事项，需要的朋友参考一下 本文实例总结了jQuery实现的倒计时效果。分享给大家供大家参考，具体如下： 当我们在webservice里读取到数据库中的时间字段后，把时间分割判断。Javascript代码如下： 多个倒计时>>> 代码: 更多关于jQuery相关内容感兴趣的读者可查看本站专题
-
本文向大家介绍JavaScript实现刷新不重记的倒计时，包括了JavaScript实现刷新不重记的倒计时的使用技巧和注意事项，需要的朋友参考一下 前言 JavaScript倒计时，实现起来不难，但是一刷新往往就重新计算了，如果要实现刷新不重计该如何做呢？ 有这么几种思路， 1：cookie 2：本地缓存 3：window.name …… 前两种比较容易理解，今天我来
-
本文向大家介绍ajax jquery实现页面某一个div的刷新效果，包括了ajax jquery实现页面某一个div的刷新效果的使用技巧和注意事项，需要的朋友参考一下 原始代码是这样的： 效果截图： 想要实现的效果，图片红色标记的部分，点击下拉列表，下面的复选框的值跟随下拉列表的变化而变化。 首先说一下解决思路：为下拉列表添加onchange事件，然后ajax异步提交给controller，进行数