实现效果图(使用火狐浏览器、IE)
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
body{
background: black;
}
#content{
position: absolute;
left:0;right:0;
top: 0;bottom: 0;
margin: auto auto;
height: 500px;
width: 500px;
color: white;
border-radius: 50%;
border:2px solid teal;
}
h1{
text-align: center;
transform: scale(15);
}
</style>
<title></title>
</head>
<body>
<div id="content">
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<h1 id="time">10</h1>
</div>
<audio autoplay="autoplay" src="../music/依旧在雨中等你.mp3"></audio>
<script>
var num=10;
function clock(){
num>0?num--:clearInterval(int);
document.getElementById("time").innerHTML=num;
}
var interval=setInterval("clock()",1000);
</script>
</body>
</html>