js倒计时结束后播放⾳乐html5,js实现简单的倒计时
这篇⽂章主要为⼤家详细介绍了js实现简单的倒计时,⽂中⽰例代码介绍的⾮常详细,具有⼀定的参考价值,感兴趣的⼩伙伴们可以参考⼀下
本⽂实例为⼤家分享了js实现简单倒计时的具体代码,供⼤家参考,具体内容如下
代码:
Document
div {
float: left;
width: 100px;
height: 100px;
background-color: #000;
text-align: center;
line-height: 100px;
color: #fff;
font-size: 30px;
margin-right: 10px;
}
var div = ElementsByTagName('div');
var inputTime = +new Date('2021-02-05 00:00:00'); //⽤户输⼊时间距离1970年1⽉1⽇ 总毫秒数
setInterval(countTime, 1000);
countTime();
function countTime() {
var nowTime = +new Date(); //当前时间距离1970年1⽉1⽇ 总毫秒数
// console.log(timer);
var times = (inputTime - nowTime) / 1000; //秒
var d = parseInt(times / 60 / 60 / 24); //天
div[0].innerHTML = addZero(d) + '天';
var h = parseInt(times / 60 / 60 % 24) //时
div[1].innerHTML = addZero(h) + '时';
var m = parseInt(times / 60 % 60); //分
div[2].innerHTML = addZero(m) + '分';
var s = parseInt(times % 60); //秒
div[3].innerHTML = addZero(s) + '秒';
html播放音乐代码}
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持炫H5(xyhtml5)。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论