计时器编译"/>
倒计时器编译
button:hover{
cursor: pointer;
}
<script>//游戏总时长//游戏开始时间//游戏进行时//玩家游戏时间=游戏进行-游戏开始时间//游戏倒计时=游戏总时长-玩家游戏时间var game_time;//游戏总时长var game_start;//游戏开始时间var game_djs;//游戏倒计时var startBtn;//游戏开始按钮var djs_span;//显示倒计时var id;//计时器的idvar jx_id;//继续游戏倒计时idvar zt_time;//暂停时倒计时的数值var isZT = false;//判断游戏是否为暂停,false表示为点击暂停按钮window.onload = function(){dis_span = document.getElementById("djs");//暂停游戏var zt = document.getElementById("zt");//开始游戏startBtn = document.getElementById("btn");startBtn.onclick = function(){clearTimeout(jx_id);//清除计时器//判断是否要重新开始游戏if(isZT){var reset = confirm("游戏正在进行中,确定要重新开始游戏吗!")if(reset){zt.textContent="暂停游戏";isZT = false;}else{return;}}//获取游戏总时长game_time = document.getElementById("time").value*60;//记录游戏开始时间game_start = new Date();//禁用开始按钮startBtn.disabled = true;djs();}//停止游戏document.getElementById("stop").onclick = function(){game_stop();//还原开始按钮startBtn.disabled = false;}zt.onclick = function(){game_zt();if(isZT){//点击继续按钮zt.textContent = "暂停游戏";isZT = false;//禁用开始按钮startBtn.disabled = true;//记录游戏继续开始的时间game_start = new Date();game_jx();}else{//点击暂停按钮zt.textContent = "继续游戏";isZT = true;//还原开始按钮startBtn.disabled = false;//记录暂停时间zt_time = game_djs;game_zt();}}}//倒计时方法function djs(){//获取游戏进行时var playing = new Date();//玩家游戏时间=游戏进行-游戏开始时间//游戏倒计时=游戏总时长-玩家游戏时间game_djs = game_time - parseInt((playing - game_start)/1000);//毫秒后有小数点,所以进行装换dis_span.innerHTML = game_djsid = setTimeout("djs()",1000);//步长//游戏结束if(game_djs<1){clearTimeout(id);alert("游戏结束");}}//暂停游戏function game_zt(){clearTimeout(id);clearTimeout(jx_id);}//继续游戏function game_jx(){//获取游戏进行时var playing = new Date();//玩家游戏时间=游戏进行-游戏开始时间//游戏倒计时=游戏总时长-玩家游戏时间game_djs = zt_time-parseInt((playing - game_start)/1000);//毫秒后有小数点,所以进行装换dis_span.innerHTML = game_djs;jx_id = setTimeout("game_jx()",1000);//步长//游戏结束if(game_djs<1){clearTimeout(jx_id);alert("游戏结束");}}//游戏结束function game_stop(){clearTimeout(id);clearTimeout(jx_id);game_djs = 0;dis_span.innerHTML = game_djs;}</script>
</head>
<body>游戏总时长:<input id="time" type="text" value="1" size="5px"/>分钟<br />游戏倒计时:<span id="djs"></span>秒<br /><button id="btn">开始游戏</button><button id="zt">暂停游戏</button><button id="stop">停止游戏</button>
</body>
更多推荐
倒计时器编译
发布评论