web前端|js教程
JavaScript,网页头部,进度条刷新
web前端-js教程本文刷新会头部会出现,因为并没有真正的参与到浏览器加载是否完整这个渲染过程中来,所以只是一个表象,并不是说这个显示完了就浏览器也加载完了所以资源。
淘宝源码买了有用吗,vscode忽略绿色波浪线,ubuntu 拒绝访问,tomcat 是哪家的,地面小爬虫,redis php封装类,seo教程经典版推广软件,律师网站 源码,中文后台管理模板lzw
效果图:
html5 砸金蛋 源码,vscode按什么键保存,ubuntu 部署环境,tomcat后台打印在哪,印度爬虫人口,php验证特殊字符,苏州seo外包服务商,学 做网站 书籍,政府模板单位学校 discuzlzw
包源码,vscode打不开文件夹,ubuntu命令中文,tomcat http3,爬虫代理免费,php怎么读取excel,襄阳包年seo推广怎么做,java开发旅游网站lzw
先看下html:
就两个标签
CSS:
布局也很简单
*{margin:0;padding:0;} #barbg{height:5px; background:rgb(149,143,143)} #barbg p{width:0; height:5px; position:relative; background:rgb(230,10,10);}
JS
然后原生JS的话就是这样了
document.onreadystatechange = function(){ var bar = document.getElementById(ar); var barbg = bar.parentNode; var wd = document.body.scrollWidth || document.documentElement.scrollWidth; var t = 10; var d = 0; var i = 0; var timer = setInterval(goto,10); function goto(){d = d + t ;bar.style.width = d + px;if(d >= wd){clearInterval(timer);bar.style.background = gba(230,10,10,0);none();} } function none(){var a = 10 - i;i++;if(a != 0 && a != 10){a = a * 0.1}if(a === 10){a = 1}if(a === 0){a = 0}barbg.style.background = gba(230,10,10, + a + );if(a === 0){barbg.style.display = one}if(a != 0){setTimeout(none,50);} } }