2017-07-05 13 views
0

で行っています。単純な時間/給与トラッカーを作成しようとしています。 ユーザが作業を開始した時刻を入力してから、時計入力後の時間と分、およびその時間に計上された金額をカウンタがカウントアップします また、1秒ごとに時間と給与を更新する必要があります(setInterval私は右のそれを取得しようとしてきたが、(日付を取得するように見えることはできません)、私はそれをしたいように作業1000)) 右方向に おかげユーザー入力から時間を計算し、時間の掛け算をJS

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" 
      content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 
    <meta http-equiv="X-UA-Compatible" content="ie=edge"> 
    <title>Document</title> 
</head> 
<body> 

<input id="input" type="time"> 
<button onclick="live()">run</button> 
<!----> 
<p id="output">Output</p> 
<script> 
     function live() { 
      var seconds = 60; 
      var minutes = seconds * 60; 
      var hours = minutes * 60; 

      var rate = 75; 

      var input = document.getElementById('input'); 
      var output = document.getElementById('output'); 

      var now = new Date(); 
      var clock_in = input.value; 

      var elapsed = now.toString(); 

      output.innerHTML = now.getHours() + " " + now.getMinutes() + " " + now.getSeconds() + " " + now.getMilliseconds(); 
     } 
</script> 
</body> 
</html> 
+0

のように動作し、入力なしでの説明TEオブジェクトは、私たちにしてみてください?だから人々はあなたのエラーを修正するために助けることができます –

+0

今、それを残念に追加されました。まだ多くを達成していないが、完全に立ち往生し、さらに得る方法を考えることができない –

答えて

1

をナッジをいただければ幸い私はあなたを修正あなたもデモを見つけることができますworking here

基本的に問題は、有効なDaを持つ必要があるということです

はあなたのJSを共有することができ、基本的なコードは、この

// Init Time - valid Object time 
var initTime = new Date(2017, 06, 5) // today Date, month start with 0 

// time now 
var now = new Date() 

// diference in millisecond 
var diference = now - initTime; 

// rate scale 
var rate = 75; 
var scale = 75/3600000 // millisecond in a hour 

// money 
var money = scale * diference; 
+0

ありがとう、それは間違いなく役立ちます:) –