gpt4 book ai didi

javascript - 如何捕获倒数计时器并将其传递给 php 页面?

转载 作者:行者123 更新时间:2023-11-30 19:18:00 24 4
gpt4 key购买 nike

我正在开发一个测验应用程序,它需要存储倒数计时器的持续时间。我尝试了很多解决方案,但仍然找不到正确的方法!我真正需要的是,当提交按钮被点击时,一个函数将停止倒计时并捕获计时器,然后使用 POST 方法或其他方法将其发送到另一个 PHP 页面。

提前致谢。


			function startTimer(duration, display) {
var timer = duration, minutes, seconds;
setInterval(function () {
minutes = parseInt(timer / 60, 10)
seconds = parseInt(timer % 60, 10);

minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;

display.text("00 : " + minutes + " : " + seconds);

if (timer < 10) {
audio.play();
}

if (--timer < 0) {
window.location.href = "test.php";
}
}, 1000);
}

jQuery(function ($) {
var examtime = 60 * 1,
display = $('#time');
startTimer(examtime, display);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<form action="test.php" method="POST">
<div><span id="time">00 : 01 : 00</span></div>
</form>
</body>

最佳答案

问题已解决!我必须添加一个将值传递给输入的函数。此外,禁用的输入不会被提交,因此您已将它们更改为隐藏的输入。此外,添加了这一行: $("form").attr("action");取值后提交表单。

			function startTimer(duration, display) {
var timer = duration, minutes, seconds;
setInterval(function () {
minutes = parseInt(timer / 60, 10)
seconds = parseInt(timer % 60, 10);

minutes = minutes < 10 ? "0" + minutes : minutes;
seconds = seconds < 10 ? "0" + seconds : seconds;

display.text("00 : " + minutes + " : " + seconds);

if (--timer < 0) {
window.location.href = "test.php";
}
}, 1000);
}

jQuery(function ($) {
var examtime = 60 * 1,
display = $('#timer');
startTimer(examtime, display);
});

$(document).ready(function(){
$("#submitButton").click(function(){
var theValueToUse = jQuery('#timer').text();
jQuery('#theValue').val(theValueToUse);
$("form").attr("action");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<body>
<form id="theForm" action="test.php" method="POST">
<div><span id="timer">00 : 01 : 00</span></div>
<!-- make it hidden -->
<input id="theValue" name="theValue" value="" type="text">
<input id="submitButton" type="submit" value="submit">
</form>
</body>

关于javascript - 如何捕获倒数计时器并将其传递给 php 页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57790488/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com