美文网首页
JQuery页面计时器

JQuery页面计时器

作者: SongXinXin | 来源:发表于2019-01-09 09:11 被阅读4次

页面倒计时
html:

<div class="timer">
<strong id="minute">0分</strong>
<strong id="second">0秒</strong>
</div>

Jquery:
//计时器

var intDiff = parseInt(1800);//倒计时总秒数量 
function timer(intDiff) { 
    window.setInterval(function () { 
        var minute = 0, 
              second = 0;//时间默认值 
        if (intDiff > 0) { 
                minute = Math.floor(intDiff / 60); 
                second = Math.floor(intDiff) - (minute * 60); } 
        if (minute <= 9) minute = '0' + minute; 
        if (second <= 9) second = '0' + second; 
        $('#minute').html('<s></s>' + minute + '分'); 
        $('#second').html('<s></s>' + second + '秒'); 
        int  Diff--; 
        if (intDiff <= 0) { clearInterval(timer); //定时器清除;
        history.back(-1);
     } 
}, 1000); } 
$(function () { 
        timer(intDiff); 
});

相关文章

  • JQuery页面计时器

    页面倒计时html: Jquery://计时器

  • 2016-08-16 jQuery Mobile

    jQuery Mobile 简介 jQuery Msobile 都能做什么 jQuery Mobile 基本页面结...

  • Javascript 学习笔记

    三.jquery和js初始化加载页面的区别 jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频)...

  • NSTimer

    Timer的模拟使用 计时器一个很常用的场景就是,打开一个页面,页面中有一个banner使用计时器来自动翻页。在退...

  • jQuery UI 学习笔记

    了解jQuery UI jQuery UI是以jQuery为基础的开源JavaScript集成页面特效库,是jQu...

  • 2018-06-27

    JQuery Timers应用知识 提供了三个函式 everyTime(时间间隔, [计时器名称], 函式名称, ...

  • jQuery 方法总结及几个常用插件

    jQuery 中的事件方法 jQuery 中的页面效果中使用到的方法 jQuery 中的插件总结

  • 《锋利的jQuery》读书笔记

    引入jQuery文件 例如: jQuery文件可以去jQuery官网上进行下载。jQuery第一段程序 刷新页面会...

  • iOS 退出页面没有调用dealloc的情况

    1、timer计时器退出页面没有销毁[timer setFireDate:[NSDate distantFutur...

  • 关于jquery

    1、jquery获取元素 jquery首先页面加载,window.onload=function(){}替换成...

网友评论

      本文标题:JQuery页面计时器

      本文链接:https://www.haomeiwen.com/subject/zxcwrqtx.html