jquery实现倒计时效果

设计一个答题的小游戏，每道题可以有20秒时间作答，超过时间就要给出相应的提醒，由于20秒时间太长，不适合做GIF格式格式动态图，下面来看一下我写的5秒倒计时的测试程序结果：

一、主体程序

！DOCTYPE html html head meta charset=' utf-8 '/title手写倒计时程序/title link rel='样式表type=' text/CSS ' href=' CSS/layout。CSS '/头体节类='倒计时span id=' count download '/span section class=' clear '/section/section script src=' http : js/jquery-1。11 .0 .js ' type=' text/JAVAScript ' charset=' utf-8 '/script script src=' http 3360 js/layout。js ' type='二、CSS样式

* { margin : 0；划水：0;} html { font-size : 12px}.倒计时{ width: 3.8rem文本对齐：中心；margin: 2rem auto 0 auto}。倒计时#计数停机时间{ font-size : 2 rem}三、Jquery程序

先来说一下倒计时的原理：

1、将时间转为0:0格式

2、需要开启一个定时器，每隔1000毫秒就让时间自动减一

3、判断时间是否为0,如果为0则代表计时结束，此时需要给出提示或者做其他事情

下面来看具体实现的倒计时程序：

$(函数(){ var count宕机时间=parsent(5)；//在这里设置每道题的答题时长函数倒计时(倒计时宕机){ var timer=setInterval(函数(){如果(计数宕机=0){显示时间(计数宕机);数数宕机时间-;}else{ clearInterval(计时器);警报('计时结束，给出提示');} },1000);}倒计时(count download)；函数显示时间(计数宕机时间){ //这段是计算分和秒的具体数定义变量分钟=数学。楼层(计数宕机时间/60);定义变量秒=计数宕机时间-分钟* 60;$(' # count宕机')。文本（分钟' : '秒);}})带着我写的原理再去看这段射流研究…程序估计比较容易吧，希望对小伙伴有帮助。