JQuery实现页面倒计时并刷新

╰+哭是因爲堅強的太久メ 2022-09-28 13:28 212阅读 0赞

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>

发表评论取消回复

表情：

评论列表（有 0 条评论，212人围观）

还没有评论，来说两句吧...

相关阅读

相关使用jQuery实现倒计时功能并在倒计时结束后隐藏遮罩层

在Web开发中，经常会遇到需要倒计时一定时间后隐藏某个元素的需求。使用jQuery可以很方便地实现这样的功能。下面我将为你提供一段完整的代码，以实现在指定时间后隐藏遮罩层的效果

雨点打透心脏的1/2处/ 2024年03月02日 09:57/ 0 赞/ 77 阅读

相关 js倒计时刷新页面不受影响

转自：[https://blog.csdn.net/gqzydh/article/details/102797669][https_blog.csdn.net_gqzydh_a

左手的ㄟ右手/ 2022年11月20日 09:34/ 0 赞/ 238 阅读

相关 JQuery实现页面倒计时并刷新

var intDiff = parseInt(600);//倒计时总秒数量 function timer(intDiff){

╰+哭是因爲堅強的太久メ/ 2022年09月28日 13:28/ 0 赞/ 213 阅读

相关 js-jquery 倒计时代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

青旅半醒/ 2022年08月10日 09:39/ 0 赞/ 191 阅读

相关考试倒计时jquery+cookie（防止刷新）

在原贴的基础上改进了一下。基于jquery+cookie实现在线考试倒计时，关闭浏览器后重新打开后依然可以计时。一下代码在本地测试，由于chrome浏览器只支持web的

曾经终败给现在/ 2022年08月09日 11:54/ 0 赞/ 202 阅读

相关 JS-实现秒表倒计时+缓存倒计时

实现秒表倒计时+缓存倒计时功能 <!DOCTYPE html> <html> <head> <meta ch

约定不等于承诺〃/ 2022年05月17日 12:38/ 0 赞/ 405 阅读

相关页面多个倒计时

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>页

末蓝、/ 2022年05月13日 11:16/ 0 赞/ 237 阅读

相关 Jquery倒计时实现

第一步：引入js文件 <script src="https://cdn.bootcss.com/jquery.countdown/2.1.0/jquery.cou

逃离我推掉我的手/ 2022年05月11日 21:10/ 0 赞/ 218 阅读

相关倒计时（刷新和页面关闭不受影响）

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8">

Dear 丶/ 2022年04月22日 15:54/ 0 赞/ 221 阅读

相关禁止刷新页面倒计时

第一种： <SCRIPT LANGUAGE="JavaScript"> var intDiff; function gradeId(g

素颜马尾好姑娘i/ 2021年07月24日 12:03/ 0 赞/ 490 阅读