倒计时器编译

本文介绍如何利用JavaScript编写一个倒计时器,重点在于CSS的:hover伪类选择器,用于改变鼠标悬停在按钮上的样式,使按钮具有交互效果。
摘要由CSDN通过智能技术生成







button:hover{
cursor: pointer;
}

    <script>
        //游戏总时长
        //游戏开始时间
        //游戏进行时
        //玩家游戏时间=游戏进行-游戏开始时间
        //游戏倒计时=游戏总时长-玩家游戏时间


        var game_time;//游戏总时长
        var game_start;//游戏开始时间
        var game_djs;//游戏倒计时
        var startBtn;//游戏开始按钮
        var djs_span;//显示倒计时
        var id;//计时器的id
        var jx_id;//继续游戏倒计时id
        var 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){
                    v
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值