JSカウントダウン実現

1961 ワード

window.set Intervalを利用してカウントダウンを実現します.
プレゼンテーション>>
例:
var id;
var interval = 1000; 

/**
 * @param year       
 * @param month       
 * @param day       
 * @param divname         id
 */
function ShowCountDown(year,month,day,divname) { 
    //       
    var endDate = new Date(year, month-1, day); 
    //       
    var now = new Date(); 
    //        
    var leftTime=endDate.getTime()-now.getTime(); 
    //       
    var leftsecond = parseInt(leftTime/1000); 
    //     (   )
    var day1=Math.floor(leftsecond/(60*60*24)); 
    //      (         )
    var hour=Math.floor((leftsecond-day1*24*60*60)/3600); 
    //      (         )
    var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60); 
    //     (         )
    var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60); 

    var cc = document.getElementById(divname); 
    cc.innerHTML = "  " + year + " " + month + " " + day + "   :" + day1 + " " + hour + "  " + minute + " " + second + " "; 
} 

/**
 *      
 */
function start(){
    id = window.setInterval( function() {

            ShowCountDown(2023,8,7,'divdown1');

        }, interval); 
}

/**
 *      
 */
function stop(){
    if (id) {
        window.clearInterval(id);
    }
}       
window.set Interval()コメント
1.window.setInterval()機能:指定された周期(ミリ秒単位)で関数または計算式を呼び出します.構文:setInterval(code,millisec)パラメータ:code:タイミング時に実行するJavaScriptコード列.milisec:設定されたタイミング時間をミリ秒で表します.戻り値:タイマーのID値は、指定されたタイマーをclear Interval()メソッド停止するために使用できます.注:set Interval()メソッドは、clear Interval()で終了するタイミングまたはウィンドウが閉じるまで関数をひっきりなしに呼び出します.
2.window.clearInterval()機能:set Interval()メソッドにより設定されたタイマーをキャンセルします.文法:clearInterval(id_of_setinterval)パラメータ:id_of_sentinterval:set Interval()によって返されるidの値.この値はset Intervalタイマーを表しています.つまり、window.set Interval()はwindow.clear Interval()のパラメータです.