本文实例为大家分享了js实现游戏倒计时的具体代码,供大家参考,具体内容如下
& lt; html>
& lt; head>
& lt;元charset=" utf - 8 "/比;
& lt; title> & lt;/title>
& lt; style>
按钮:{徘徊
光标:指针;
}
& lt;/style>
& lt; script>//1 .获取游戏的总时间//2 .游戏开始的时间//3 .游戏进行时//4。游戏进行时——游戏开始时间=玩家游戏时长//5。游戏总时间,玩家游戏时长=游戏倒计时
var zt型;
var startBtn;
var djs_span;
var game_time;//游戏总时长
var game_start;//游戏开始时间
var game_djs;//游戏倒计时
var id;//计时器id
var isZT=false;//判断是否为暂停,假表示未点击暂停
var zt_time;//暂停时的倒计时的值
var jx_id;//继续游戏的倒计时id
窗口。onload=function () {//开始游戏
startBtn=. getelementbyid(“开始”);//暂停游戏
zt型=. getelementbyid (“zt型”);//游戏倒计时
djs_span=. getelementbyid (dj);//开始游戏
startBtn。onclick=function () {
clearTimeout (jx_id);
如果(isZT) {
var=重置确认(“您的游戏正在进行中,确定要重新开始吗?”);
如果(重置){
zt型。textContent=霸萃Ｓ蜗贰?
isZT=false;
其他}{
返回;
}
}//获取游戏总时长
game_time=. getelementbyid(“时间”)。值* 60;//把所获取的游戏总时长变成秒//记录游戏开始时间
game_start=new日期();//禁用开始按钮
startBtn。禁用=true。
dj ();
}//停止游戏
. getelementbyid(“停止”)。onclick=function () {
game_stop ();//还原开始按钮
startBtn。禁用=false。
}//暂停游戏
zt型。onclick=function () {
game_zt ();
如果(isZT) {//点击继续按钮
zt型。textContent=霸萃Ｓ蜗贰?
isZT=false;//禁用开始按钮
startBtn。禁用=true。//记录继续游戏开始时间
game_start=new日期();
game_jx ();
其他}{//点击暂停按钮
zt型。textContent=凹绦蜗贰?
isZT=true;//还原开始按钮
startBtn。禁用=false。
zt_time=game_djs;
game_zt ();
}
}
}//倒计时方法
函数dj () {//获取游戏进行时
var=new玩日期();
game_djs=game_time -方法((玩- game_start)/1000);//djs_span。innerHTML=game_djs;
id=setTimeout (“dj ()",1000);//步长//游戏结束
如果(game_djs & lt;1){
clearTimeout (id);
alert("游戏结束”);
}
}//暂停游戏
函数game_zt () {
clearTimeout (id);
clearTimeout (jx_id);
}//继续游戏
函数game_jx () {//获取游戏进行时
var=new玩日期();
game_djs=zt_time -方法((玩- game_start)/1000);//djs_span。innerHTML=game_djs;
jx_id=setTimeout (“game_jx ()",1000);//步长//游戏结束
如果(game_djs & lt;1){
clearTimeout (jx_id);
alert("游戏结束”);
}
}//停止游戏
函数game_stop () {
clearTimeout (id);
clearTimeout (jx_id);
game_djs=0;
djs_span。innerHTML=game_djs;
}
& lt;/script>
& lt;/head>
& lt; body>
游戏总时长:& lt;输入id=笆奔洹崩嘈?拔谋尽贝笮=? px”价值=" https://www.yisu.com/zixun/1 "/祝辞分钟& lt;/br>
倒计时:& lt;跨度id=癲j”祝辞& lt;/span>,,,,秒& lt;/br>
& lt;按钮id="开始"祝辞开始游戏& lt;/button>
& lt;按钮id=" zt型"祝辞暂停游戏& lt;/button>
& lt;按钮id="停止"祝辞停止游戏& lt;/button>
& lt;/body>
& lt;/html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
