今天在装修博客的时候,需要频繁用到iconfont这个网站,但是iconfont里面图标保存到项目库的时候需要手动复制js并且拼接svg代码,同样是复制粘贴,网站提供的复制粘贴功能需要多次拼接,太麻了了!

自己动手丰衣足食

于是准备自己写一个油猴脚本,增加复制粘贴功能,提高效率,但是坑来了,这个网站应该是运用了类似懒加载之类的ajax请求方式,网页打开后里面的元素不会立马出来,所以写的脚本刚开始都是用不了的,无法捕获对应元素.

这里就用到js延迟执行代码了,给到一个网页一定能加载完的时间,再开始运行js注入代码部分.

格式:setTimeout (表达式,延时时间)
延时时间单位为毫秒,1000毫秒=1秒

方法一:

执行一句话

var i=0;
setTimeout("i+=5;alert(i)",1000);/*1秒后执行“i+=5;alert(i)” 即i为5,并弹窗显示i的值*/

方法二:

执行一个函数,{}包裹

var i=0; 
setTimeout(function(){
    i+=5;alert(i);
},1000);/*1秒后执行“function()”,即i为5,并弹窗显示i的值*/

这里我用到的是方法二,因为我需要在延时后执行代码,所以把延时后需要执行的代码写在{}内

发表评论

您的电子邮箱地址不会被公开。