- 精华
- 5
- 金钱
- 39133
- 经验
- 13785
- 在线时间
- 57 小时
- 注册时间
- 2021-10-23
- 最后登录
- 2025-10-23
TA的每日心情 | 开心 2025-9-29 08:51 |
|---|
签到天数: 90 天 [LV.6]常住居民II
金牌会员
     
|
JavaScript:
- <script>
- let papa = document.querySelector('.papa'),
- spic = document.querySelector('.smallpic'),
- slider = document.querySelector('#slider'),
- aud = document.querySelector('#aud'),
- per = document.querySelector('#per'),
- btnplay = document.querySelector('#btnplay'),
- geci = document.querySelector('#geci');
- let flag = 0, slip = 0;
- let picar = [
- 'https://638183.freep.cn/638183/t22/51/g1.jpg',
- 'https://638183.freep.cn/638183/t22/51/g2.jpg',
- 'https://638183.freep.cn/638183/t22/51/g3.jpg',
- 'https://638183.freep.cn/638183/t22/51/g4.jpg',
- 'https://638183.freep.cn/638183/t22/51/g5.jpg',
- 'https://638183.freep.cn/638183/t22/51/g6.jpg',
- 'https://638183.freep.cn/638183/t22/51/g7.jpg'
- ];
- let lrcAr = [
- ['0.00','无风无雨无心,也无你- 纯音乐'],
- ['50.00','作曲 : 野浪吉他社'],
- ['160.00','音乐使灵魂洁净']
- ];
- for(url of picar) {
- let pic = document.createElement('img');
- pic.src = url;
- pic.className = 'ss';
- spic.appendChild(pic);
- }
- let ss = document.querySelectorAll('.ss');
- ss.forEach((item,key) => {
- item.onclick = () => {
- papa.style.background = 'url(' + item.src + ') no-repeat center / cover';
- flag == 0 ? (papa.style.animation = 'fadein .8s', flag = 1) : (papa.style.animation = 'fadeout .8s', flag = 0);
- }
- });
- slider.onmousedown = () => aud.pause();
- slider.onchange = () => { aud.currentTime = slider.value * aud.duration / 100; aud.play(); }
- btnplay.onclick = () => aud.paused ? aud.play() : aud.pause();
- aud.addEventListener('playing', () => btnplay.value = '||');
- aud.addEventListener('pause', () => btnplay.value = '>');
- aud.addEventListener('timeupdate', () => {
- let prog = 100 * aud.currentTime / aud.duration;
- slider.value = prog;
- per.innerText = toMin(aud.currentTime) + ' | ' + toMin(aud.duration);
- for(j=0; j<lrcAr.length; j++){
- if(aud.currentTime >= lrcAr[j][0] - slip){
- geci.innerHTML = lrcAr[j][1];
- }
- }
- });
- let toMin = (sec) => {
- if(!sec) return '0:00';
- sec = parseInt(sec);
- return parseInt(sec / 60) + ':' + parseFloat(sec % 60).toString().padStart(2,'0');
- }
- </script>
复制代码
|
|