從html格式獲得價值到Javascript變量

-1

我一直在尋找這個問題，但找不到任何解決方案，可以幫助我，也許我只是在愚蠢的JavaScript我不磕頭。但我的問題正是標題所說的。從html格式獲得價值到Javascript變量

我有這個CountDown計時器，我在StackOverflow找到這裏，它是用Javascript編寫的。我不擅長Javascript（我完全是新手）。所以我要求任何Javascript專業人士幫助我。

我想製作一個簡單的html表單來設置「var target = 14;」它可以是什麼價值。我不知道通過我的管理系統中的表單傳遞。

的核心代碼：

if (document.getElementById('countdownTimer')) { 
pad = function(n, len) { // leading 0's 
var s = n.toString(); 
return (new Array((len - s.length + 1)).join('0')) + s;};var timerRunning = setInterval(
function countDown() { 
    var now = new Date(); 
    var target = 14; // 15:00hrs is the cut-off point 
    if (now.getDay() == 0) { // Sunday - use tomorrow's cutoff 
     target += 24; 
    } else if (now.getDay() == 6) { // Saturday - use cutoff 2 days from now 
     target += 48; 
    } else if (now.getHours() < target) { // missed the cutoff point. Use tomorrow instead 
     target += 24; 
     if (now.getDay() == 5) { // Friday - use Monday cutoff 
      target += 48; 
     } 
    } 
    var hrs = (target - 1) - now.getHours(); 
    if (hrs < 0) 
     hrs = 0; 
    var mins = 59 - now.getMinutes(); 
    if (mins < 0) 
     mins = 0; 
    var secs = 59 - now.getSeconds(); 
    if (secs < 0) 
     secs = 0; 
    var str = pad(hrs, 2) + ':' + pad(mins, 2) + '.<small>' + pad(secs, 2) + '</small>'; 
    document.getElementById('countdownTimer').innerHTML = str; 
}, 1000);}

的HTML呼叫ID：

<div id="countdownTimer">0</div>

來源

2015-04-25 Mikael Johansson

我沒有投下來這個問題，但它肯定是有道理的。問題很模糊，示例代碼非常難看。然而，似乎OP只是想要一個「簡單的形式」來設置到期時間。這很簡單，但我不確定「如何通過管理員傳遞表單」...地址和郵票可能是？

簡單的形式： - ET打電話回家

<!DOCTYPE HTML> 
 
<html> 
 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
<title>Simple Form</title> 
 
</head> 
 
<body> 
 

 
<fieldset style="padding: 10px;"> 
 
\t <legend>ET Phone Home</legend> 
 
\t Enter Hour: <input type="text" value="14" id="target" style="border: 1px red solid;"/> 
 
</fieldset> 
 

 
<div id="countdownTimer"></div> 
 

 
<script type="text/javascript"> 
 

 

 
setInterval(countDown, 1000); 
 

 
function pad(n) { 
 
\t return ((n < 10 ? '0' : '') + n); 
 
}; 
 
\t \t 
 
function countDown() { 
 
    var now = new Date(); 
 
    var target = parseInt(document.getElementById('target').value); 
 
    if (now.getDay() == 0) { 
 
    \t target += 24; 
 
    } 
 
    else if (now.getDay() == 6) { 
 
     target += 48; 
 
    } 
 
    else if (now.getHours() < target) { 
 
\t \t target += 24; 
 
\t \t if (now.getDay() == 5) target += 48; 
 
    } 
 
    var hrs = (target - 1) - now.getHours(); 
 
    if (hrs < 0) hrs = 0; 
 
    var mins = 59 - now.getMinutes(); 
 
    if (mins < 0) mins = 0; 
 
    var secs = 59 - now.getSeconds(); 
 
    if (secs < 0) secs = 0; 
 
    var str = pad(hrs) + ':' + pad(mins) + '.<small>' + pad(secs) + '</small>'; 
 
    
 
    now.setHours(now.getHours() + target); 
 
    
 
    document.getElementById('countdownTimer').innerHTML = str; 
 
} 
 
</script> 
 
</body> 
 
</html>

來源

2015-04-25 23:11:19 Roberto

從html格式獲得價值到Javascript變量

回答

相關問題