定时刷新css文件

在工作中每次修改样式之后都需要手动刷新浏览器,有时候可能由于忘记刷新导致一些低级的错误,为了简化开发任务,我们可以通过程序实现自动加载css文件,这样可以免去刷新n多个浏览器的问题了。

/*
*这段程序可以定时重新加载页面中所有link引入的css文件
*params:pertime为每多少毫秒重新加载
*
*/
function autorefreshcss(pertime){
var links = document.getElementsByTagName("link");
var auto = function(links){
var linkslen = links.length;
for(var i = 0; i < linkslen; i++){
var perlink = links[i], prelinkhre = '';
if(perlink.href.indexOf("?") == -1) {
perlink.href += '?' + gettime();
} else {
prelinkhre = perlink.href.slice(0, perlink.href.lastIndexOf('?'));
perlink.href=\'#\'" + '?' + gettime();
}
}
}
setInterval(function(){auto(links);}, pertime);
}
//获取时间戳
function gettime(){
var time = new Date();
return time.getTime();
}
//使用方式
window.onload = function(){
autorefreshcss(1000);
}

  

posted @ 2015-03-08 13:10  蒜瓣  阅读(126)  评论(0编辑  收藏  举报