2013-11-22 7 views
0

Я пытаюсь объединить Submit формы и даты/LocalTimeJavaScript - Отправить форму с МестноеВремя

подать с каждого времени "15:30:00"

здесь идет мой код JS:

<script type="text/javascript"> 
function initClock() 
{ 
    var now = new Date(); 
    var hr = now.getHours(); 
    var min = now.getMinutes(); 
    var sec = now.getSeconds(); 
    if (min < 10) min = "0" + min; 
    if (sec < 10) sec = "0" + sec; 
    var time = document.getElementById('clockDisplay'); 
     time.innerHTML = hr + ":" + min + ":" + sec; 
    setTimeout('initClock()', 500); 
} 

function timesubmit() 
{ 
    if (time.innerHTML == "15:30:00") // time submit 15:30:00 
     { 
      document.getElementById("myForm").submit(); 
     } 
    else 
     { 
      //etc 
     } 
} 
</script> 

и мой HTML-код выглядит следующим образом:

<body onload="initClock()"> 
<div id="clockDisplay"></div> 
<br> 
<form id="myForm" action="http://example.com" method="post"> 
<input type="submit" onclick="timesubmit()" value="send" /> 
</form> 
</body> 

Любая идея, как я могу заставить его работать? если время "15:30:00" Авто Отправить форму

Спасибо всем, кто может помочь мне: D

+0

какие проблемы вы сталкиваетесь конкретно? любые ошибки? –

+0

Просто вставляя код здесь, его лучше вставить на скрипке и дать нам ссылку – Shadow

+0

не работайте со мной, это http://jsfiddle.net/wbSbF/ –

ответ

2

Проверить это Fiddle

HTML

<div id="clockDisplay"></div> 
<br> 
<form id="myForm" action="http://example.com" method="post"> 
<input type="button" onclick="timesubmit()" value="send" /> 
</form> 

Javascript

document.addEventListener("DOMContentLoaded",initClock,false); 
var timeStamp; 
function initClock() 
{ 
    var now = new Date(); 
    var hr = now.getHours(); 
    var min = now.getMinutes(); 
    var sec = now.getSeconds(); 
    if (hr < 10) hr = "0" + hr; 
    if (min < 10) min = "0" + min; 
    if (sec < 10) sec = "0" + sec; 
    timeStamp= hr + ":" + min + ":" + sec; 
    var time = document.getElementById('clockDisplay'); 
    time.innerHTML = timeStamp; 
    timesubmit(); 
    setTimeout(initClock, 0); 
} 

function timesubmit() 
{ 
    if (timeStamp == "15:30:00") // time submit 15:30:00 
     { 
      document.getElementById("myForm").submit(); 
     } 
    else 
     { 
      //etc 
     } 
} 
2

Попробуйте это:

http://jsfiddle.net/wbSbF/1/

Изменения:

//so timesubmit can return false to stop the submit action, return true to continue. 
onclick="return timesubmit()" 

//'initClock()' seemed works fine too, but I prefer just initClock 
//setTimeout(initClock, 500); 

//define time in timesubmit function 
var time = document.getElementById('clockDisplay'); 
Смежные вопросы