2014年01月11日 15:27:56

跳秒自动跳转jQuery插件

作者: 
本文提供一个jQuery自动跳转插件。平时网站上也有很多倒数几秒然后跳转的js代码,但都不能做到随手可用,因此有了下面的插件, 预期效果是达到一句话处理跳转的目的。
(function($){
    $(document).ready(function(){
        $(".redirect").doRedirect(3);
    });

    /*
     * @example
     * HTML: 
3
秒后跳转 * JS: $(".redirect").doRedirect(3); * 时间顺序为:html > 函数参数 > 默认值3秒 */ $.fn.extend({ doRedirect: function(timeout){ //避免通用引入时,不存在指定对象也跳转 if(!$(this).size()) return false; var time = $(this).text(); if(time != '' && !isNaN(time)) { timeout = time; } if(typeof timeout == "undefined") timeout = 3; $This = $(this); $.redirectTimer = setInterval(function() { timeout--; if(timeout == 0) { clearInterval($.redirectTimer); location.href = $This.attr("link"); } else { $This.text(timeout); } }, 1000); } }); })(jQuery);

演示地址:jQuery自动跳转插件



未经同意禁止转载!
转载请附带本文原文地址:跳秒自动跳转jQuery插件,首发自 Zjmainstay学习笔记
阅读( 13708 )
看完顺手点个赞呗:
(0 votes)

1.PHP cURL群:PHP cURL高级技术
2.正则表达式群:专精正则表达式
3. QQ联系(加请说明):QQ联系博主(951086941)
4. 邮箱:zjmainstay@163.com
5. 打赏博主:

网站总访问量: