2016-11-30 22 views
1

私のJavaScriptコードには、開始ボタンと終了ボタンの2つのボタンがあり、終了ボタンを押すと時間差が計算されます。終了日は開始日より前ですか?

// starts the timer 
function startTimer() { 
    startTime = new Date(); 
    alert(startTime); 
} 


// finishes the timer 
function endTimer() { 
    endTime = new Date(); 
    alert(endTime); 
} 

スタートボタンを最初に押していないと停止ボタンが押されないように追加するにはどうすればよいですか?私はJavaScriptを初めて使いました。

理想的には、終了日が開始日より前の場合、または開始日が押されていない場合は、タイマーを終了する前にタイマーを開始する必要があると警告を追加したい。 (それは、警告は表示されません)これはJavaScriptでボタンの機能を無効にします

var pressedStart = false; 

// starts the timer 
function startTimer() { 
    pressedStart = true; 
    startTime = new Date(); 
    alert(startTime); 
} 


// finishes the timer 
function endTimer() { 
    if(!pressedStart) { 
    return; 
    } 

    endTime = new Date(); 
    pressedStart = false; 
    alert(endTime); 
} 

ていますが、作りたい場合:

+0

また注目に値するのは、JSでなければならないということです。HTMLはありません。 –

+1

2つのボタンはどこですか? CSSで? –

+0

jsのボタンをつかんで、必要に応じて適切なものを無効/有効にすることができます。 – csmckelvey

答えて

2

あなたはこのの世話をするために、いくつかの状態を使用することができますボタンが無効になって表示され(スタイル的に)、あなたもこれを行うことができます。

document.getElementById("idOfMyButton").disabled = true; 
+1

シース、私はこの方法を忘れてしまった!笑。 –

+1

ねえ、そうだね、OPにHTMLがないと言われたら、その文書はどうやって出てくるの? ':P' –

+3

@PraveenKumar笑、そこには、クリックされるボタンがあればHTMLがなければならない:P。私は彼が、HTMLの一部として存在する無効化動作ではなく、JavaScriptにボタンが存在しないようにする*振る舞い*を望んでいると思います。 –

1

あなたが最初にdisable属性を使用して、ボタンを無効にすることができ、その後、あなたの関数では、あなたが単に書くことができます。

function startTimer() { 
document.getElementById("YourButtonId").disabled = false; 
    startTime = new Date(); 
    alert(startTime); 
} 
+0

別の良いアイデア、私は彼らに両方のショットを与えるでしょう。ありがとうございました! –

関連する問題