jquery 实现考试倒计时

来源:https://www.sucaihuo.com/js/1806.html 2017-04-24 17:28浏览(1576) 收藏

很简单的倒计时风格比较老,但是是可以改他的颜色调,可以在countdown中更改你自己喜欢的风格,希望能帮到你啊!
jquery 实现考试倒计时
分类:日期时间 > 倒计时 难易:
查看演示 下载资源 下载积分: 20 积分

引用js文件

<script src="jquery.min.js"></script>

.countdown中更改样式和位置,在function中更改倒计时的时间,在alert('考试时间已到,试卷已提交,感谢您的使用!');更改完成输出。

$(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('考试时间已到,试卷已提交,感谢您的使用!');
	}
标签: 倒计时
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2