绿叶清舟 发表于 2021-11-21 20:49
过完年还得回来啊
估计是 这2个月看情况了，
大猫咪 发表于 2021-11-21 20:51
估计是 这2个月看情况了，
也好过完冬天再回去，过了春节那里不会再冷了吧
绿叶清舟 发表于 2021-11-21 21:06
也好过完冬天再回去，过了春节那里不会再冷了吧
过年那几天非常冷的估计今年下雪
队长，这个文字要居中，这样看上去不够美观，可以设置一下
加林森 发表于 2021-11-21 20:04
谢谢红影。我给猫猫讲故事吗，挺好玩的。
这个故事纯纯的，很好听{:4_204:}
本帖最后由 加林森 于 2022-2-14 21:37 编辑 <br /><br />红影 发表于 2021-11-21 21:14
这个故事纯纯的，很好听
是的是的
<img src="https://pic.imgdb.cn/item/620a4fb52ab3f51d91dd2acd.gif">
<style type="text/css">
#paDiv { margin: auto; width: 220px; display: flex; align-items: center; border: 1px solid olive; border-radius: 8px 0px 8px 0px; background: rgba(0,0,0,.8); box-shadow: 1px 1px 2px #000; }
#jindu { position: relative; width: 200px; height: 8px; line-height: 8px; font-size: 10px; color: #eee; text-align: center; background: linear-gradient(90deg, olive, green) no-repeat; background-size: 8px 0px; cursor: pointer; }
#btn-ro { width: 20px; height: 20px; line-height: 20px; font-size: 12px; background: linear-gradient(blue, silver, red); outline:none; color: white; border-radius: 50%; text-align: center; cursor: pointer; animation: rol linear 2s infinite; }
#btn-ro:hover { opacity: 0.8; }
#btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div id="paDiv">
<div id="btn-ro">·</div>
<div id="jindu">
<div id="jd-go"></div>
</div>
</div>
<script language="javascript">
var btn = document.getElementById('btn-ro');
var jindu = document.getElementById('jindu');
var aud = document.createElement('audio');
aud.loop = true;
// 音乐地址放在下行引号内
aud.src = "https://www.joy127.com/url/88656.mp3";
aud.addEventListener('ended', function() { btn.style.animationPlayState="paused"; }, true);
aud.addEventListener('timeupdate', tmMsg, true);
aud.play();
function tmMsg(){ //进度条
let auT = Math.floor(aud.duration - aud.currentTime);
let auM = auT / 60;
let auMs = parseInt(auM);
if (auMs <10) auMs = "0" + auMs;
let auS = auT % 60;
let auSs = Math.round(auS);
if (auSs < 10) auSs = "0" + auSs;
jindu.innerHTML = "- " + auMs +":" + auSs;
let jd = (100*aud.currentTime)/aud.duration;
jindu.style.backgroundSize = jd+ "% 8px";
}
jindu.onclick = function(){ //进度控制
let w = offset(jindu,"left");
var x = (event.clientX - w) * aud.duration / jindu.clientWidth;
aud.currentTime = x;
}
function offset(obj,direction){//获取父级元素偏移总量
let offsetDir = "offset" + direction.toUpperCase()+direction.substring(1);
let realNum = obj;
let positionParent = obj.offsetParent;
while(positionParent != null){
realNum += positionParent;
positionParent = positionParent.offsetParent;
}
return realNum;
}
btn.onclick = function(){ // 暂停&播放
aud.paused ? (aud.play(), btn.style.animationPlayState="running") : (aud.pause(), btn.style.animationPlayState="paused");
}
</script>
童话吧队长
马黑黑 发表于 2021-11-21 22:19
童话吧队长
是啊，好听不？
加林森 发表于 2021-11-21 23:14
是啊，好听不？
我过了听童话故事的年龄了
马黑黑 发表于 2021-11-22 07:42
我过了听童话故事的年龄了
你可以讲给你孙子听嘛
加林森 发表于 2021-11-22 13:05
你可以讲给你孙子听嘛
还木有
马黑黑 发表于 2021-11-22 18:44
还木有
等有了再讲，不急的。
加林森 发表于 2021-11-22 19:11
等有了再讲，不急的。
这事急不来{:4_196:}
马黑黑 发表于 2021-11-22 19:29
这事急不来
当然了啊，你只有等的权利。{:4_189:}
加林森 发表于 2021-11-22 19:36
当然了啊，你只有等的权利。
权利还是很大的
马黑黑 发表于 2021-11-22 19:47
权利还是很大的
就是就是
加林森 发表于 2021-11-22 19:47
就是就是
https://dl4.weshineapp.com/gif/20210601/92140b7415007a186e5e1667a82c40e2.gif?f=micro_
马黑黑 发表于 2021-11-22 19:47
https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.72qq.com%2Ffile%2F201701%2F05%2F7a610a5ca0.jpg&refer=http%3A%2F%2Fimg.72qq.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1640174801&t=cadef3163cf8efd1e4f425bfd77f937d
送你的。
加林森 发表于 2021-11-22 20:07
送你的。
{:4_203:}
加林森 发表于 2021-11-21 21:15
是的是的
那个纯净的世界很美好。