html: css
<div class="countdown">
<p class="mtp"><span class="countdown_text">答題倒計時</span></p>
<p class="line_height34"><span id="countdown_time"></span><span class="countdown_text">分鐘</span></p>
</div>html
css:web
.countdown {
background:#005DAC;
text-align:center;
position:absolute;
top:80px;
right:120px;
width:161px;
height:161px;
border-radius:80px;
-webkit-border-radius:80px;
-moz-border-radius:80px;
}
.countdown .mtp {
margin-top:50px;
}
.countdown .line_height34 {
line-height:34px;
}
.countdown .countdown_text {
color:white;
margin-top:55px;
font-size:20px;
line-height:29px;
letter-spacing:3px;
}
.countdown #countdown_time {
color:#F8B62C;
font-size:25px;
}spa
js:orm
$(function() {
//設置時間倒計時
setCountDown_time();
})
/*時間倒計時*/
var sec = 60,min = 10;
var format = function(str) {
if(parseInt(str) < 10) {
return "0" + str;
}
return str;
};
function setCountDown_time(){
var idt = window.setInterval("ls();", 1000);
}
function ls() {
sec--;
if(sec == 0) {
min--;
sec = 59;
}
document.getElementById("countdown_time").innerHTML = format(min) + ":" + format(sec);
if(parseInt(min) == 0 && parseInt(sec) == 0) {
window.clearInterval(idt);
alert('考試時間已到,試卷已提交,感謝您的使用!');
}
}
ls();htm