0

基本的に私はJavaScriptが得意で、プロジェクトのカウントダウンタイマーを改善したいと思っています。現時点では、私のタイマーは次のようになっています。

01:25:05

私はそれをこのように見せたいです：

1時間25分5秒

しかし、私もそれを賢くしたいと思っています。したがって、わずか25分であれば、次のようになります。

25分。

これは私の現在のjavascriptコードです：

function secondCountdown(){ 
    if(typeof(skip) == "undefined"){
        skip = "set";
    } else {
        var timeleft = document.getElementById("timeleft").innerHTML;
        var time_split = timeleft.split(":");

        if(parseInt(time_split[0]) < 10){
            time_split[0] = time_split[0].charAt(1);
        }

        if(parseInt(time_split[1]) < 10){
            time_split[1] = time_split[1].charAt(1);
        }

        if(parseInt(time_split[2]) < 10){
            time_split[2] = time_split[2].charAt(1);
        }

        seconds = parseInt(time_split[2]) + parseInt(time_split[1]*60) + parseInt(time_split[0]*3600);
        seconds -= 1;

        if(seconds > 0){
                var hours= Math.floor(seconds/3600);
                seconds %= 3600;
                var minutes = Math.floor(seconds/60);
                seconds %= 60;

                var timeleft = ((hours < 10) ? "0" : "") + hours + ":" + ((minutes < 10) ? "0" : "") + minutes + ":" + ((seconds < 10) ? "0" : "") + seconds;

            document.getElementById("timeleft").innerHTML = timeleft;
        } else {
            document.getElementById("timeleft").innerHTML = "";
            window.location='test.php?pageid=' + getURLParam("pageid");
            return false;
        }
  }

  setTimeout("secondCountdown()",1000);
}
window.onload = secondCountdown;

多分誰かが私のためにそれを編集して私が望むものを出力させることができますか？

編集：

これはタイマーのPHP側です。

<span id="timeleft">
$master = $timer['gta_time'] - time();

                echo date( "00:i:s", $timer['gta_time'] - time() ); 


</span>
4

3 に答える 3

0

この行の代わりに：

var timeleft = ((hours < 10) ? "0" : "") + hours + ":" + ((minutes < 10) ? "0" : "") + minutes + ":" + ((seconds < 10) ? "0" : "") + seconds;

基本的な解決策については、次のように言います。

var timeleft = (hours > 0 ? hours + " hours " : "")
             + (minutes > 0 ? minutes + " minutes " : "")
             + (seconds > 0 ? seconds + " seconds " : "");

または完全に：

var timeleft = "";
if (hours > 0)
   timeleft += hours + (hours > 1 ? " hours" : " hour");
if (minutes > 0) {
   if (hours > 0)
       timeleft += seconds > 0 ? ", " : " and ";
   timeleft += minutes + (minutes > 1 ? " minutes" : " minute");
}
if (seconds > 0) {
   if (timeleft != "")
      timeleft += " and ";
   timeleft += seconds + (seconds > 1 ? " seconds" : " second");
}
于 2012-02-27T23:47:37.913 に答える
0

さて、私は今これを作りました、そしてそれは動作します（私はOperaでテストしました）：

Date.prototype.toTimeString = function()
{
    var toReturnTime = new Array();
    var times = [this.getHours(), this.getMinutes(), this.getSeconds()];
    var times_names = [' hour', ' minute', ' second'];
    var tmp = null;
    for (var i=0; i<times.length; i++)
    {
    tmp = times[i];
    if (tmp > 0)
    {
        toReturnTime.push(tmp + times_names[i] + (tmp == 1 ? '' : 's'));
        toReturnTime.push(', ');
    }
    }
    if (toReturnTime.length/2 >= 2)
    {
    toReturnTime.pop();
    tmp = toReturnTime.pop();
    toReturnTime.pop();
    toReturnTime.push(' and ' + tmp);
    }
    else
    toReturnTime.pop();
    return toReturnTime.join('');
}


var date, timeleft;

function secondCountdown()
{
    date.setSeconds(date.getSeconds() - 1);
    timeleft.innerHTML = date.toTimeString();
    if ((date.getHours() + date.getMinutes() + date.getSeconds()) > 0)
    setTimeout("secondCountdown()",1000);
    else
    timeleft.innerHTML = 'ITS OVER';
}

function init()
{
    timeleft = document.getElementById("timeleft");
    var time_split = timeleft.innerHTML.split(":");
    date = new Date(0, 0, 0, parseInt(time_split[0]), parseInt(time_split[1]), parseInt(time_split[2]));
    secondCountdown();
}
window.onload = init;
于 2012-02-28T00:11:36.527 に答える
0

ああ、これで少し遅いのを見たばかりですが、うまくいくようですので、とにかく追加します。:)

function parseTime() {
    var timeLeftStr;
    var timeLeft = 0;

    timeLeftStr = document.getElementById("timeleft").innerHTML;

    timeLeftStr.replace(/(\d+):(\d+):(\d+)/, function () {
        for (var i = 1; i < arguments.length - 2; i++) {
            // Convert to ms
            timeLeft += arguments[i] * Math.pow(60, 3 - i) * 1000;
        }
    });

    countdown(new Date(timeLeft));
}

function countdown(timeLeft) {
    var hours = timeLeft.getUTCHours();
    var minutes = timeLeft.getUTCMinutes();
    var seconds = timeLeft.getUTCSeconds();

    if (timeLeft.valueOf() == 0) {
        document.getElementById("timeleft").innerHTML = "";
        window.location = 'test.php?pageid=' + getURLParam("pageid");
        return false;
    } else {
        document.getElementById("timeleft").innerHTML =
            (hours == 0 ? "" : hours + (hours == 1 ? " hour" : " hours")) +
            (minutes == 0 ? "" : (hours ? (seconds ? ", " : " and ") : " ") + minutes + (minutes == 1 ? " minute" : " minutes")) +
            (seconds == 0 ? "" : (hours || minutes ? " and " : "") + seconds + (seconds == 1 ? " second" : " seconds"));

        setTimeout(function () { countdown(new Date(timeLeft - 1000)); }, 1000);
    }
}

window.onload = parseTime;

編集して削除しskipます。

2を編集して、正規表現の開始チェックと終了チェックを削除し、追加,してandサポートします。

getUTCHours他のタイムゾーン（おっと）で動作するように、などを使用するように3を編集します。

于 2012-02-28T00:19:58.693 に答える