html代码 改写求助
最近买了一个服务器 搭建了个博客。 看到别人博客有个 类似时间戳的东西我也想弄一个但我没有学过这门语言就从网上找到的代码 但是我不会改写。。。
源代码效果是这样的
我想把它改成 跟上边时间戳一样的效果 要怎么做呢。
下面是那个飞机进度的源代码
<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title></title>
<style type="text/css">
body{
background: #f2f2f2;
}
.main{
height: 30px;
width:500px;
background: #787878;
margin:100px auto;
border-radius: 3px;
}
.inner{
height: 20px;
width: 0;
background: #e4a348;
position: relative;
top: 2px;
left: 5px;
border-radius: 2px;
overflow: hidden;
}
.line{
position: relative;
left: 5px;
top: 14px;
width: 490px;
border-top: 3px dashed #fff;
}
img{
position: absolute;
top: 103px;
left: 395px;
}
.data{
height: 24px;
width:43px;
border: 1px solid;
position: absolute;
left: 396px;
top: 65px;
text-align: center;
}
</style>
</head>
<body>
<div class="data"></div>
<div class="main">
<div class="line"></div>
<div class="inner">
</div>
<img src="../images/1.gif" >
</div>
<script type="text/javascript">
var _width =0;
var timer;
timer = setInterval(function(){
_width +=5;
if(_width>150){
document.getElementsByClassName("inner").style.background="#004c8a";
}
if(_width>350){
document.getElementsByClassName("inner").style.background="#cd4c49";
}
if(_width>=490){
clearInterval(timer);
}
document.getElementsByClassName("inner").style.width=_width+"px";
document.getElementsByTagName("img").style.left=395+_width+"px";
var _data = Math.floor((_width/490)*100);
document.getElementsByClassName("data").innerText = _data+"%";
document.getElementsByClassName("data").style.left=396+_width+"px";
},1000/5);
</script>
</body>
</html> 别人的博客给个链接，一般f12就可以抓到css 三滑稽甲苯 发表于 2021-8-2 17:10
别人的博客给个链接，一般f12就可以抓到css
我当时是这么想的直接f12抓 但是他是变化的 我也没学过这门语言就放弃了。
https://solstice23.top/ 这是那个博客的。
我不会这个动态的时间戳要怎么改到 我那个源码上{:301_973:} 本帖最后由 DZD 于 2021-8-2 17:52 编辑
Wxylkxy 发表于 2021-8-2 17:25
我当时是这么想的直接f12抓 但是他是变化的 我也没学过这门语言就放弃了。
https://solstice23.top/ 这 ...
https://github.com/solstice23/argon-theme网站下面有开源项目 Argon 轻盈、简洁、美观的 WordPress 主题 Wxylkxy 发表于 2021-8-2 17:25
我当时是这么想的直接f12抓 但是他是变化的 我也没学过这门语言就放弃了。
https://solstice23.top/ 这 ...
你把这个进度条的网页给我, 我帮你把进度条弄出来 Fullmoonbaka 发表于 2021-8-2 17:58
你把这个进度条的网页给我, 我帮你把进度条弄出来
那个进度条就在这个博客的 个人介绍栏上面有一个功能 点进去就是这个进度条了。
我是想知道他怎么做到的动态时间戳然后改写到我这个进度条上。我这个好看一点{:301_973:} Wxylkxy 发表于 2021-8-2 18:22
那个进度条就在这个博客的 个人介绍栏上面有一个功能 点进去就是这个进度条了。
我是想知道他怎么做到的 ...
通过 setinterval 这个定时器来实现的。想改写的话还是需要一点前端基础的 帮你摘出来了，你改改就能用了
下载地址:
https://wwx.lanzoui.com/igV5Xs5ierc 如果下载了麻烦回复下, 我把我存云盘里的删了 Fullmoonbaka 发表于 2021-8-2 20:21
如果下载了麻烦回复下, 我把我存云盘里的删了
刚刚没看论坛 嗯嗯嗯下载好了万分感谢！！！！！！
页:
[1]
2