时间日期
jQuery 弹幕倒计时音乐特效代码
PetitQ
jQuery 弹幕倒计时音乐特效是一款基于 jQuery 跟 HTML5 制作的 2020 年除夕倒计时，发送文字弹幕和在线音乐播放，庆祝主题页面特效。除夕倒计时弹幕音乐主题特效，可发送文字弹幕、播放音乐，还有带日期和星期显示的圆形时钟，整体界面非常美观。支持天时分秒格式的倒计时，可以自定义倒计时的时间，比较简单就是时间单位的一些换算而已，弄懂怎么换算就可以了。结合了多种特效，改一下时间，可以作为各种节日和特殊日子的倒计时场景。
代码结构
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1191451_h720mljzrsc.css">
<link rel="stylesheet" href="css/bootstrap.css">
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jweixin-1.4.0.js"></script>
<script src="js/app.js"></script>
<div class="key">
<div class="iocnBox"><i class="iconfont icon-delete"></i></div>
<div class="empty">清空</div>
<textarea placeholder="在此述说新年寄语..." rows="1" class="van-field__control"></textarea>
<div class="buts">发送</div>
</div>
<div class="today">
<div class="clock">
<div class="pos SS"></div>
<div class="pos MM"></div>
<div class="pos HH"></div>
<div class="spot"></div>
</div>
<!-- <p>北京时间</p> -->
<!-- <div class="day"></div> -->
<div class="time"></div>
<div class="sydate"></div>
</div>
<div class="Barrage"></div>
<div class="message">发送弹幕</div>
<div class="music">
<audio class="play" id="indexVideo" controls autoplay>
<!-- <source src="horse.ogg" type="audio/ogg"> -->
<source src="mp3/akon.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
<marquee direction="left">akon.mp3</marquee>
</div>
也想出现在这里？联系我们吧
| 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
