腾讯柠檬清理 - 全新Mac清理工具，实时了解Mac系统状况

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <meta name="keywords" content="lemon，lemon清理，柠檬清理，Mac清理，Mac空间清理，lemon cleaner，Mac隐私保护，Mac摄像头保护，Mac相似照片清理，Mac相册整理，Mac大文件，Mac重复文件，Mac网速显示，Mac系统信息实时监控，Mac状态栏显示" /> <meta name="description" content="腾讯出品的全新Mac清理工具官方下载地址：专业的深层清理，保持Mac清爽干净；浏览器隐私清理，避免敏感信息泄露；五大深度清理小工具，全方位清理多余文件释放空间，帮助你更好地了解你的Mac。" /> <title>腾讯柠檬清理 - 全新Mac清理工具，实时了解Mac系统状况</title> <link rel="Shortcut Icon" href="./images/lemon/logo.png" /> <link rel="stylesheet" href="./css/lemon.css?_t=2019121318" /> <link rel="stylesheet" href="./css/swiper.css?_t=2019040201" />  <script type="text/javascript"> function isMobile() { var flag = window.navigator.userAgent.match( /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i ); return flag; } if (isMobile()) { var baseUrl = window.location.origin ? window.location.origin : window.location.protocol + "//" + window.location.host; window.location.href = baseUrl + "/m/index.html" + window.location.search; } </script> <script type="text/javascript" src="//pc1.gtimg.com/guanjia/js/product/jquery.js" ></script> <script src="https://tam.cdn-go.cn/aegis-sdk/latest/aegis.min.js"></script> <script> const aegis = new Aegis({ id: 'e7PWpFleP0gj0zZXEK', // 上报 id uin: '', // 用户唯一 ID（可选） reportApiSpeed: true, // 接口测速 reportAssetSpeed: true, // 静态资源测速 spa: true, // spa 应用页面跳转的时候开启 pv 计算 hostUrl: 'https://rumt-zh.com' }); </script> </head> <body> <div class="bg"> <div id="fix-header" class="header"> <div class="head-inner"> <div class="logo"> <img src="//pc1.gtimg.com/guanjia/images/b3/1c/b31c43975f3335e21138fc6556f15e8d.png" alt="" /> <span class="name">腾讯柠檬</span> </div> <ul class="head-banner-left"> <li class="origin"> <a href="javascript:void(0)" data-stats="clear">柠檬清理</a> </li>  <li> <a href="https://lemon.qq.com/lab/" data-stats="select" >柠檬精选</a > </li> <li> <a href="https://lemon.qq.com/blog" data-stats="blog">柠檬博客</a> </li> </ul> <ul class="head-banner-right">       <li> <a href="https://support.qq.com/products/36664" target="_blank" class="community" > <img src="./images/lemon/sq.png" alt="" /> <span>社区</span> </a> </li> </ul> </div> </div> <div id="banner"> <div class="banner-inner"> <div class="banner-left"> <div class="main-pic"> <img src="//pc2.gtimg.com/guanjia/images/c7/83/c7830ec76a384b091ca0824eea6d67c9.png" alt="" /> <div class="animation_banner_wrap" id="pic-banner"></div> </div> </div> <div class="banner-right"> <h1 class="">畅快清理 · 全新体验</h1> <h2 class="shs"> <span class="left-quo">“</span >腾讯柠檬清理”正式发布！匠心打磨清理体验，一键释放磁盘空间 </h2> <a href="https://pm.myapp.com/invc/xfspeed/qqpcmgr/module_update/Lemonv4.8.9.dmg" class="download_btn download" data-stats="download.top" title="立即下载" ></a>   <div class="desc-right"> <span class="l-r" id="version">最新版本：</span> <br /> <span class="l-r" id="updateDate">更新时间：</span> <br /> <span id="tips">适用于macOS X 10.10及以上（支持Mojave）</span> </div> <div class="desc"> <a href="https://itunes.apple.com/cn/app/tencent-lemon-lite/id1449962996?ls=1&mt=12" class="" data-stats="appstore.top" title="前往App Store" target="_blank" >下载App Store版</a ><br /> <span >因App Store审核限制，完整版内部分功能无法上架（例如应用卸载等）。<a href="#compare" data-stats="view.compare" >点击查看版本比较</a ></span > <br /> <span>完整版已通过苹果官方公证，建议下载完整版。</span> </div> </div> <div class="banner-bottom"> <div class="banner-navi"> <a href="#usage" data-stats="to.p1"> <div class="navi-img"> <img src="//pc2.gtimg.com/guanjia/images/ce/fc/cefc6fcd842c9ee4266987693c4f6a63.png" alt="定制化清理" /> <div class="animation_icon_wrap" id="icon-1"></div> </div> <div class="navi-title">定制化清理</div> </a> </div> <div class="banner-navi"> <a href="#func" data-stats="to.p2"> <div class="navi-img"> <img src="//pc2.gtimg.com/guanjia/images/52/47/52474200f3c69be185f0e3dc9f583ff7.png" alt="轻巧状态栏" /> <div class="animation_icon_wrap" id="icon-2"></div> </div> <div class="navi-title">轻巧状态栏</div> </a> </div> <div class="banner-navi"> <a href="#slider" data-stats="to.p3"> <div class="navi-img"> <img src="//pc2.gtimg.com/guanjia/images/11/02/11029c838ac5033b44112a16ee16031c.png" alt="多维度功能" /> <div class="animation_icon_wrap" id="icon-3"></div> </div> <div class="navi-title">多维度功能</div> </a> </div> <div class="banner-navi"> <a href="#compare" data-stats="to.p4"> <div class="navi-img"> <img src="//pc2.gtimg.com/guanjia/images/ef/d4/efd4c65057f9da6b5509966be32c47f8.png" alt="多版本比较" /> <div class="animation_icon_wrap" id="icon-4"></div> </div> <div class="navi-title">多版本比较</div> </a> </div> </div> </div> </div> <div id="usage"> <div class="usage-inner"> <div class="title">定制化清理 · 一键触达</div> <div class="content"> <div class="item item1"> <div class="subtitle">深度扫描</div> <div class="subdesc"> 针对微信、QQ、XCode、Sketch等<br />常见应用逐一定制扫描方案 </div> </div> <div class="item item2"> <div class="subtitle">专业建议</div> <div class="subdesc"> 精准分析应用文件，分类通俗易懂，<br />准确清理 </div> </div> <div class="item item3"> <div class="subtitle">一键清爽</div> <div class="subdesc"> 简约设计，极简操作，体验全新升级，<br />保持Mac干净清爽 </div> </div> </div> <div class="usage-ani"> <img src="//pc2.gtimg.com/guanjia/images/b7/60/b760ba0bf3a302e860c622c2122f63db.png" alt="" /> </div> </div> </div> <div id="func"> <div class="func-inner"> <div class="title">状态栏窗口 · 实时了解Mac状况</div> <div class="content"> <div class="content-left"> <img src="//pc2.gtimg.com/guanjia/images/89/4d/894df0ded3d113c3231b5bf42716ab72.png" alt="" /> <div class="animation_state_wrap" id="pic-state"></div> </div> <div class="content-right"> <div class="item item1"> <div class="subtitle">状态栏实时显示</div> <div class="subdesc"> 支持在状态栏实时显示磁盘空间、风扇转速等硬件信息 </div> </div> <div class="item item2"> <div class="subtitle">清理释放</div> <div class="subdesc"> 小窗口极速清理释放，支持一键关闭卡慢应用 </div> </div> <div class="item item3"> <div class="subtitle">系统功能</div> <div class="subdesc"> 支持检测网络，开启摄像头调用提示等，保护系统隐私 </div> </div> </div> </div> </div> </div> <div id="slider"> <div class="slider-inner"> <div class="title">多维度扫描功能 · 全面清理</div> <div class="slider-navi"> <span class="navi-item active" data-idx="2">应用卸载</span> <span class="navi-item" data-idx="3">大文件清理</span> <span class="navi-item" data-idx="4">重复文件清理</span> <span class="navi-item" data-idx="5">浏览器隐私清理</span> <span class="navi-item" data-idx="6">相似照片清理</span> <span class="navi-item" data-idx="7">磁盘空间分析</span> </div> <div> <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="javascript:void(0);"> <img src="//pc2.gtimg.com/guanjia/images/42/5b/425b6b5d29bef2b6059541277028badb.png" /> </a> </div> <div class="swiper-slide"> <a href="javascript:void(0);"> <img src="//pc2.gtimg.com/guanjia/images/b8/30/b83090c0a26b3201c2228350903ad6d5.png" /> </a> </div> <div class="swiper-slide"> <a href="javascript:void(0);"> <img src="//pc2.gtimg.com/guanjia/images/bf/9e/bf9e81d9194efef7f96184546e70cc57.png" /> </a> </div> <div class="swiper-slide"> <a href="javascript:void(0);"> <img src="//pc2.gtimg.com/guanjia/images/00/ff/00ff30861700169d485b338e2fb700e7.png" /> </a> </div> <div class="swiper-slide"> <a href="javascript:void(0);"> <img src="//pc2.gtimg.com/guanjia/images/ad/59/ad59ded6aa7be1e4fb447fc9daa3abb6.png" /> </a> </div> <div class="swiper-slide"> <a href="javascript:void(0);"> <img src="https://webcdn.m.qq.com/softmgr/images/3b6367b3ae160721c6c8a73b8196da7e.png" /> </a> </div> </div> <div class="swiper-pagination"></div>     <div id="slider-content"></div> <div id="slider-left"> <img src="//pc2.gtimg.com/guanjia/images/80/e7/80e70b09595f1dc5a788b521873b9c60.png" alt="" width="300" /> </div> <div id="slider-right"> <img src="//pc2.gtimg.com/guanjia/images/c8/bf/c8bff994e49d26349a10013d399d147f.png" alt="" width="200" /> </div> </div> </div> </div> </div> <div id="usage"> <div class="usage-inner"> <div class="title move-title">独创安全的空间整理方案 · 放心清理</div> <div class="content"> <div class="item item1"> <div class="subtitle">深度扫描</div> <div class="subdesc"> 目前支持微信、QQ、企业微信等通<br />讯工具，未来会支持更多软件 </div> </div> <div class="item item2"> <div class="subtitle">文件整理</div> <div class="subdesc"> 以文件、图片、视频为分类，<br />定期整理，数据保存更高效 </div> </div> <div class="item item3"> <div class="subtitle">一键搬家</div> <div class="subdesc"> 一键转移无需过多操作，<br />腾出空间的同时保证数据安全 </div> </div> </div> <div class="usage-ani"> <img class="move" src="https://webcdn.m.qq.com/softmgr/images/4e483c1ac28d2870291b64f207f47503.png" alt="" /> </div> </div> </div> <div id="compare"> <div class="compare-inner"> <div class="title">多版本选择 · 支持App Store下载</div> <div class="compare-tr"> <div class="tr-1"> <img src="//pc2.gtimg.com/guanjia/images/82/a3/82a3ff45c4de8dd443f0a851f9c46726.png" alt="完整版" width="182" height="195" /> <span>完整版</span> <a href="https://pm.myapp.com/invc/xfspeed/qqpcmgr/module_update/Lemonv4.8.9.dmg" target="_blank" class="download" data-stats="download.logo" >立即下载</a > </div> <div class="tr-2"> <img src="//pc2.gtimg.com/guanjia/images/ca/56/ca5693ff2dba64fbc50b56b2eca0eb14.png" alt="vs" width="70" /> </div> <div class="tr-3"> <img src="//pc2.gtimg.com/guanjia/images/64/32/6432efa789f765a923b60119b7c0bbfe.png" alt="App Store版" width="182" height="195" /> <span>App Store版</span> <a href="https://itunes.apple.com/cn/app/tencent-lemon-lite/id1449962996?ls=1&mt=12" target="_blank" data-stats="appstore.logo" >立即前往</a > </div> </div> <div class="compare-td"> <i class="yes"></i>系统/应用垃圾清理<b class="yes"></b> </div> <div class="compare-td"> <i class="yes"></i>大文件清理<b class="yes"></b> </div> <div class="compare-td"> <i class="yes"></i>重复文件清理<b class="yes"></b> </div> <div class="compare-td"> <i class="yes"></i>相似照片清理<b class="yes"></b> </div> <div class="compare-td"> <i class="yes"></i>浏览器隐私清理<b class="no"></b> </div> <div class="compare-td"> <i class="yes"></i>应用卸载<b class="no"></b> </div> <div class="compare-td"> <i class="yes"></i>网络检测<b class="no"></b> </div> <div class="compare-td"> <i class="yes"></i>状态栏清理释放<b class="no"></b> </div> <div class="compare-td"> <i class="yes"></i>CPU温度、风扇转速显示<b class="no"></b> </div> <div class="compare-td"> <i class="yes"></i>摄像头、麦克风调用提示<b class="no"></b> </div> </div> </div> <div id="log"> <div class="log-inner"> <div class="title">升级日志</div> <div class="log-list"> <div class="content" id="log-content"></div> <div class="more down" style="display: none">展开更多</div> </div> </div> </div> <div id="float-header" class="header"> <div class="head-inner"> <div class="logo"> <img src="./images/lemon/logo.png" alt="" /> <span class="name"> 腾讯柠檬清理 </span>  </div> <div class="navi"> <a href="https://pm.myapp.com/invc/xfspeed/qqpcmgr/module_update/Lemonv4.8.9.dmg" target="_blank" class="download_btn download" data-stats="download.float" title="立即下载" ></a>   </div> </div> </div> <input type="text" id="copy-holder" style="position: absolute; left: -10000px" /> <style> .footer { font-size: 12px; line-height: 1.8em; text-align: center; padding: 35px 0; } .footer a, .footer span { color: #999; text-decoration: none; padding: 0 10px; } .footer a:hover { text-decoration: underline; } .footer .copyright { color: #999; } </style> <div class="footer" id="footer"> <p> <a href="https://www.tencent.com/zh-cn/index.shtml" rel="nofollow" >腾讯公司</a > <a href="https://www.tencent.com/zh-cn/le/copyrightstatement.shtml" rel="nofollow" >版权所有</a > <a href="https://guanjia.qq.com/?ADTAG=cop.innercop.macgj" rel="nofollow" >电脑管家</a > <a target="_blank" href="https://guanjia.qq.com/about/protocol.html" >使用协议</a > <a target="_blank" href="https://privacy.qq.com/">隐私条款</a> </p> <p class="copyright">Copyright © 1998 - <span id="currentYear" style="padding: 0px;">2023</span> Tencent. All Rights Reserved.</p> </div> <script> // 获取当前年份并更新版权年份 document.getElementById("currentYear").innerText = new Date().getFullYear(); </script> </div> <script type="text/template" id="temp-changelog"> <% list.forEach(function(item){ %> <div class="log-item"> <div class="version">版本号：<%=item.version %></div> <div class="date gray">更新时间：<%=item.updateDate %></div> <div class="size gray">大小：<%=item.packageSize %></div> <div class="gxd">更新点</div> <div class="detail"> <% var infoArray = item.versionInfo.split('---br---'); %> <% infoArray.forEach(function(info){ %> <%= info%><br> <%})%> </div> </div> <% }); %> </script> <script type="text/template" id="temp-swiperinfo"> <div class="swiper-info"> <div class="info-title"><%=info.title %></div> <div class="info-detail"> <% info.detail.forEach(function(detail){ %> <span><%= detail%></span> <%})%> </div> </div> </script> <script src="./scripts/jquery.template.js?_t=20200404"></script> <script src="./scripts/swiper.min.js"></script> <script src="//lemon.guanjia.qq.com/latest/package"></script> <script> try { change_log = JSON.parse(change_log); } catch (e) { change_log = null; } function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return encodeURIComponent(r[2]); return null; } var report = { prefix: "mac.index.", suffix: "", }, adtag = GetQueryString("ADTAG"); $(function () { var sliderInfo = { 2: { title: "正确卸载应用程序，清理彻底无残留", detail: [ "支持扫描卸载第三方应用", "分析应用目录，支持清理残留文件", "支持卸载内核驱动程序", ], }, 3: { // 'title': '全面查找<span class="ls">占</span>用超过50M的大文件，揪出磁盘元凶', title: "全面查找占用超过50M的大文件，揪出磁盘元凶", detail: [ "全盘扫描，支持按文件大小详细展示", "图片、视频、安装包等多维度分类", "支持预览文件和快速定位文件位置", ], }, 4: { title: "智能比对重复内容，腾出空间", detail: [ "支持添加自定义文件夹，多个文件同时比对", "音频、视频、文档等多维度归类", "支持预览文件和快速定位文件位置", ], }, 5: { title: "保护浏览器隐私，防止恶意窃取", detail: [ "支持扫描清理Safari、Chrome等多款浏览器", "支持清理cookie、浏览历史等常见信息", "支持清理存储密码、下载历史等个人隐私信息", ], }, 6: { title: "整理相册好帮手，极速筛选相似照片", detail: [ "支持扫描清理系统相册", "支持添加自定义文件夹，多组照片同时比对", "支持扫描多种图片尺寸，设计稿也能筛选出来", "支持预览图片和快速定位图片位置", ], }, 7: { title: "可视化分析空间，快速定位占用源头", detail: [ "全盘扫描，全面分析不留死角", "列表&可视化双模式，大小一眼可知", "层层透视，快速定位未知数据", ], }, }; $(document).on("scroll", judgeScroll); // 展开更多 $(".more").on("click", function () { var $this = $(this), $list = $("#log-content"); if ($this.hasClass("down")) { $this.removeClass("down").addClass("up"); $list.find(".log-item:gt(2)").show(); } else { $this.removeClass("up").addClass("down"); $list.find(".log-item:gt(2)").hide(); } }); function judgeScroll() { var tps = $("html").scrollTop() ? $("html").scrollTop() : $("body").scrollTop(); if (tps > 100) { $("#float-header").fadeIn(); } else { $("#float-header").fadeOut(); } if (tps < 100) { $("#pic-banner").addClass("play-banner"); } else if (tps >= 1900 && tps <= 2600) { $("#pic-state").addClass("play-state"); } } judgeScroll(); render(); $(".log-item:lt(3)").show(); if ($("#log-content").find(".log-item").length > 3) { $(".more").show(); } var mySwiper = new Swiper(".swiper-container", { autoplay: { delay: 2500, disableOnInteraction: false, }, speed: 1000, spaceBetween: 38, loop: true, centeredSlides: true, slidesPerView: 2, pagination: { el: ".swiper-pagination", clickable: true, }, on: { init: function () { renderSwiperInfo(2); }, slideChange: function () { if (!mySwiper) return; var idx = mySwiper.activeIndex; // console.log(idx); if (idx >= 8) { idx -= 6; } else if (idx <= 1) { idx += 6; } renderSwiperInfo(idx); $('.navi-item[data-idx="' + idx + '"]') .addClass("active") .siblings() .removeClass("active"); }, }, }); function renderSwiperInfo(idx) { $("#slider-content").html( $.fn.render($("#temp-swiperinfo").html(), { info: sliderInfo[+idx || 2], }) ); } $(".navi-item").click(function () { mySwiper.slideTo($(this).attr("data-idx")); }); $("#copy-ncm").click(function () { if (+change_log.leftNum > 0) { CopyToClipboard( "5F86DDF4B495917F5CD4C159F8B200C9", "5F86DDF4B495917F5CD4C159F8B200C9\n内测码已复制，可直接粘贴使用！" ); } else { alert("今日名额已耗尽，请明天再来！"); } }); }); function render() { if (!change_log || !change_log.logs || !change_log.latest) { return false; } $("#version").text("最新版本：" + change_log.latest.version); $("#updateDate").text("更新时间：" + change_log.latest.updateDate); $("#left-num").text(change_log.leftNum); $("#tips").text(change_log.latest.tips); $(".download").attr( "href", (change_log.channelPkgs || {})[adtag || ""] || change_log.latest.downloadurl ); // $('.download').attr('href', change_log.latest.downloadurl); $("#log-content").html( $.fn.render($("#temp-changelog").html(), { list: change_log.logs }) ); } function CopyToClipboard(txt, msg) { if (window.clipboardData) { window.clipboardData.clearData(); window.clipboardData.setData("Text", txt); } else if (navigator.userAgent.indexOf("Opera") != -1) { //window.location = txt; } else if (window.netscape) { try { netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect" ); } catch (e) { //alert("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将'signed.applets.codebase_principal_support'设置为'true'"); alert("对不起，您的浏览器不支持该复制功能，请手动复制。"); return; } var clip = Components.classes[ "@mozilla.org/widget/clipboard;1" ].createInstance(Components.interfaces.nsIClipboard); if (!clip) return; var trans = Components.classes[ "@mozilla.org/widget/transferable;1" ].createInstance(Components.interfaces.nsITransferable); if (!trans) return; trans.addDataFlavor("text/unicode"); var str = Components.classes[ "@mozilla.org/supports-string;1" ].createInstance(Components.interfaces.nsISupportsString); var copytext = txt; str.data = copytext; trans.setTransferData("text/unicode", str, copytext.length * 2); var clipid = Components.interfaces.nsIClipboard; if (!clip) return false; clip.setData(trans, null, clipid.kGlobalClipboard); } else if (document.execCommand) { // webkit内核 try { document.getElementById("copy-holder").value = txt; document.getElementById("copy-holder").select(); document.execCommand("copy"); } catch (e) { alert("对不起，您的版本不支持该复制功能，请手动复制。"); return; } } else { alert("对不起，您的浏览器不支持该复制功能，请手动复制。"); return; } alert(msg); } if (!Array.prototype.forEach) { Array.prototype.forEach = function forEach(callback) { // 获取数组长度 var len = this.length; if (typeof callback != "function") { throw new TypeError(); } // thisArg为callback 函数的执行上下文环境 var thisArg = arguments[1]; for (var i = 0; i < len; i++) { if (i in this) { // callback函数接收三个参数：当前项的值、当前项的索引和数组本身 callback.call(thisArg, this[i], i, this); } } }; } function tcssReady() { $(document).click(function (evt) { var tagAttr = "data-stats"; var tagPattern = /^(?!\.)[\w-]+(?:\.[\w-]+)*?$/; // check feature if ("function" !== typeof pgvSendClick) { return; } // get current target var curTar = evt.target; if (!curTar || 1 !== curTar.nodeType) { return; } // get closest clickable element var clickableElm = $(curTar).closest("[" + tagAttr + "]"); if (0 === clickableElm.length) { return; } // get hot tag var hotTag = clickableElm.attr(tagAttr); if (!tagPattern.test(hotTag)) { return; } // send log var objArg = { hottag: report.prefix + hotTag + report.suffix, }; // var objArg = { // 'hottag' : 'mac.index.' + hotTag, // virtualDomain : "mac.gj.qq.com" // }; //virtualDomain && (objArg['virtualDomain'] = virtualDomain); pgvSendClick(objArg); }); //合并点击上报事件 window.pgvClick = function (tag) { //ie11下的一个bug try { //增加一个remark参数，标明这个点击是什么行为 var objArg = { hottag: tag }; // var objArg = {'hottag' : tag, virtualDomain : "mac.gj.qq.com"}; pgvSendClick(objArg); } catch (e) { console.log(e); } }; } //pv上报 var timer; function send() { if (window && window.pgvSendClick) { pgvSendClick({ hottag: report.prefix + "pv" + report.suffix + (adtag ? "." + adtag : ""), }); clearInterval(timer); } } timer = setInterval(send, 1000); </script> <script> (function () { var lastTime = 0; var vendors = ["webkit", "moz"]; for ( var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x ) { window.requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"]; window.cancelAnimationFrame = window[vendors[x] + "CancelAnimationFrame"] || // Webkit中此取消方法的名字变了 window[vendors[x] + "CancelRequestAnimationFrame"]; } if (!window.requestAnimationFrame) { window.requestAnimationFrame = function (callback, element) { var currTime = new Date().getTime(); var timeToCall = Math.max(0, 16.7 - (currTime - lastTime)); var id = window.setTimeout(function () { callback(currTime + timeToCall); }, timeToCall); lastTime = currTime + timeToCall; return id; }; } if (!window.cancelAnimationFrame) { window.cancelAnimationFrame = function (id) { clearTimeout(id); }; } })(); (function ($) { function Config(params) { this.startPos = 0; this.curAniPos = 0; this.demoWidth = params.frames * params.width || 0; this.frameWidth = params.width || 0; this.frameHeight = params.height || 0; this.canPlay = true; this.maxFrames = params.frames || 1; this.nowFrames = 1; //从1开始 this.loop = false; this.enableReplay = params.replayOnLeave || false; this.slowdown = params.slowdown || 0; //放慢的倍速 this.flag = 0; //辅助标记放慢次数 this.el = $(params.el); this.init = function () { var self = this; self.el.on("mouseenter", function () { self.reset(); self.play(); }); if (self.enableReplay) { self.el.on("mouseleave", function () { self.canPlay = false; self.replay(); }); } }; this.reset = function () { var self = this; self.nowFrames = 1; self.canPlay = true; self.curAniPos = self.startPos; }; this.play = function () { var self = this; if (!self.canPlay || self.nowFrames >= self.maxFrames) return; if (self.flag < self.slowdown) { self.flag += 1; window.requestAnimationFrame(self.play.bind(self)); return; } self.flag = 0; self.nowFrames += 1; self.curAniPos -= self.frameWidth; if ( self.loop && self.curAniPos < self.frameWidth - self.demoWidth ) { self.curAniPos = self.startPos; } self.el.css({ backgroundPositionX: self.curAniPos, backgroundPositionY: 0, }); window.requestAnimationFrame(self.play.bind(self)); }; this.replay = function () { var self = this; if (self.nowFrames < 1) return; self.nowFrames -= 1; self.curAniPos += self.frameWidth; if (self.curAniPos > 0) { return; } self.el.css({ backgroundPositionX: self.curAniPos, backgroundPositionY: 0, }); window.requestAnimationFrame(self.replay.bind(self)); }; } $.fn.aniBox = function (params) { var ab = new Config(params); ab.init(); }; })(jQuery); $.fn.aniBox({ width: 155, height: 155, frames: 30, el: "#icon-4", replayOnLeave: true, }); $.fn.aniBox({ width: 155, height: 155, frames: 30, el: "#icon-3", replayOnLeave: true, }); $.fn.aniBox({ width: 155, height: 155, frames: 30, el: "#icon-2", replayOnLeave: true, }); $.fn.aniBox({ width: 155, height: 155, frames: 30, el: "#icon-1", replayOnLeave: true, }); </script> <script type="text/javascript" src="//webcdn.m.qq.com/guanjia/common/emergency.js?_t=20230719" ></script>  <script type="text/javascript" src="https://webcdn.m.qq.com/guanjia/data-report/latest/pcmgr-datareport-1.1.6.js"></script> <script type="text/javascript" src="/js/datareport.js"></script> </body> </html>

CINXE.COM

腾讯柠檬清理 - 全新Mac清理工具，实时了解Mac系统状况