通过传id封装loading
<script type="text/javascript"> function SearchAnim(opts) { for(var i in SearchAnim.DEFAULTS) { if (opts[i] === undefined) { opts[i] = SearchAnim.DEFAULTS[i]; } } this.opts = opts; this.timer = null; this.elem = document.getElementById(opts.elemId); this.startAnim(); } SearchAnim.prototype.startAnim = function () { this.stopAnim(); this.timer = setInterval(() => { var startIndex = this.opts.startIndex; if (startIndex == 360) { this.opts.startIndex = 0; } this.elem.style.transform = "rotate("+(startIndex)+"deg)"; this.opts.startIndex += 5; }, this.opts.delay); setTimeout(() => { this.stopAnim(); }, this.opts.duration); } SearchAnim.prototype.stopAnim = function() { if (this.timer != null) { clearInterval(this.timer); } } SearchAnim.DEFAULTS = { duration : 60000, delay : 200, direction : true, startIndex : 0, endIndex : 360, } new SearchAnim({ elemId : "loading", delay : 20, });
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步