JS代码点滴

花简静

凡哥 发表于 2024-5-24 21:52
1+1的证明至今未能实现，韦神也不行。陈景润先生先证明了 1+2

大咖们的世界不好懂。
小白的世界比较简单

凡哥

花简静 发表于 2024-5-24 22:43
大咖们的世界不好懂。
小白的世界比较简单

道理如此

凡哥

花简静 发表于 2024-5-24 22:42
敲代码的样子很帅。。代码也帅

道理上是没多大问题但不是说绝对木有问题

凡哥

2024年5月25日 星期六
扩展联动函数
假设帖子的 HTML 结构如下：

<div id="tiezi">
    <audio id="aud" src="音频地址" autoplay loop></audio>
    <video class="vid" src="视频地址" loop muted></video>
    <video class="vid" src="视频地址" loop muted></video>
    <div class="player" title="播放/暂停"></div>
    <div class="player" ] title="播放/暂停"></div>
</div>

显然，帖子是多背景视频、多播放按钮，昨天的 mState() 联动函数需要扩展，按钮的点击事件需要更改：
    //获取视频、按钮操作权限（全局变量）
   var vids = document.querySelectorAll('.vid'), players = document.querySelectorAll('.player');
   var mState = () => {
        tiezi.style.setProperty('--state', aud.paused ? 'paused' : 'running'); //同步控制关键帧动画
        vids.forEach(vid => aud.paused ? vid.pause() : vid.play()); // 同步批量控制视频
    }
    //批量处理按钮点击事件
    players.forEach(player => player.onclick = () => aud.paused ? aud.play() : aud.pause());

花简静

凡哥 发表于 2024-5-24 23:05
道理上是没多大问题但不是说绝对木有问题

现在没问题，基本就没问题

花简静

凡哥 发表于 2024-5-24 23:05
道理如此

活得不是同一个世界的样子

凡哥

花简静 发表于 2024-5-25 19:48
活得不是同一个世界的样子

每一个个体都有自己的天地

凡哥

花简静 发表于 2024-5-25 19:48
现在没问题，基本就没问题

那难说，世事难料

花简静

凡哥 发表于 2024-5-25 21:08
每一个个体都有自己的天地

这天地面积不同
老师的面积肯定比较大

花简静

凡哥 发表于 2024-5-25 21:09
那难说，世事难料

这个么大概率可预料