HTML网页-反方向的钟

最新推荐文章于 2025-04-29 15:11:32 发布

lt824

最新推荐文章于 2025-04-29 15:11:32 发布

阅读量194

点赞数

分类专栏：大学文章标签： html5

本文链接：https://blog.csdn.net/lt265/article/details/129524081

版权

大学专栏收录该内容

1 篇文章

订阅专栏

该HTML代码演示了如何创建一个页面，其中包含周杰伦的《反方向的钟》音乐自动播放并循环，图片和歌词配合营造氛围。通过<audio>标签，实现了音乐的自动播放、控制和循环功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在HTML网页实现反方向的钟音乐播放，代码如下：

<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
    <h1>反方向的钟</h1>
    <span>穿梭时间的画面的钟<br>从反方向 开始移动</span><br>
      <span>回到当初爱你的时空</span><br>
      <span>停格内容 不忠<br>
      所有回忆对着我进攻<br>
      我的伤口 被你拆封</span><br>
      <span>誓言太沉重泪被纵容</span><br>
      <span>脸上汹涌 失控</span><br>
      <img src="C:\Users\天色渐清\Desktop\css\image\反方向的钟.jpeg" alt="时钟反方向转动中" title="反方向的钟"
width="250" height="250" ><br>
    </body>
    <audio autoplay="autoplay" controls="controls"loop="loop" preload="auto"
    src="C:\Users\天色渐清\Desktop\css\music\周杰伦 - 反方向的钟.mp3">
</audio>
</html>

音乐所在的地址记得自己改一下，网上找找就有！

具体效果：