htmlとjsでカウントダウン関数を実装する

Countdownで使用される主な知識ポイント：1。時間間隔を設定するSetIntervalは、ClearIntervalによってキャンセルできます

oggle Groom \ \ _ _ by Hugo 2番目はHTMLリソースです。便宜上、CSSをHTML内に直接書きました

var shijian=3600;
    var time=null;
    function start(){
         time=setInterval("count()",1000);//返回值time只是为了需要暂停的时候clearInterval(time)清除时间间隔
    }
    
    function count(){
        if(shijian<0){
            alert("time out");
            pause();//一般情况下这个if条件是用来提交数据用的,这里只是测试一下。
        }else{
            $("#time p").html(Math.floor(shijian/60)+":"+shijian%60);//这里用到将毫秒转换到时分格式
            shijian--;
            console.info(time);
        }
    }
    function pause(){
        clearInterval(time);
    }
    function goOn(){
        time = setInterval("count()",1000);//重新设置时间间隔
    }

以上がhtmlとjsでカウントダウン関数を実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。