music api
audioObject
创建或者获取的audio对象,可通过以下两种方式得到
<audio id="music" src="http://cloud.hunger-valley.com/music/玫瑰.mp3">你的浏览器不支持喔!</audio>
<script>
var audioObject = document.querySelector('#music')
</script>
var audioObject = new Audio('http://cloud.hunger-valley.com/music/玫瑰.mp3')
audioObject.play()
音乐播放
audioObject.pause()
音乐暂停
audioObject.autoPlay
设置或者获取自动播放状态
audioObject.autoPlay = true //设置为自动播放,下次更换 audioObject.src 后会自动播放音乐
audioObject.autoPlay = false //设置不自动播放
console.log(audioObject.autoPlay)
audioObject.volume
设置播放的音量
audioObject.loop
设置或者获取循环状态
audioObject.duration
console.log(audioObject.duration)
sapn元素
span元素很像div元素,只不过div元素是块级元素,span元素是内联元素
filter: blur()
filter过滤器
blur把页面上的几个元素联合在一起
cursor
css媒体特征测试用户是否具有指示设备(如鼠标),并且如果是,则如何准确主指点设备。
给有这个属性的元素提供一个点击的效果
audio.ontimeupdate
监听时间的变化
this.duration
这首歌的总时间
setInterval
在Window和Worker接口上提供的方法重复调用函数或执行代码片段,每次调用之间有固定的时间延迟。它返回一个唯一标识间隔的间隔ID
clearInterval
mixin 的clearInterval()方法WindowOrWorkerGlobalScope取消了之前通过调用建立的定时重复动作setInterval()。