Question

基本上我有一个计时器javascript代码，但它是一个计数器，所以当它停止并且clearInterval（计时器）运行时，我想通过计时器的值动态地使我的输入隐藏更改。

示例是：

当countup达到5并且如果它停止时，我想隐藏我的输入值为5.这可能吗？

原因是：我想根据时间制作基本记分牌。有了这个值，人们的得分记录为秒。这就是我的想法。

JS代码是：

var sec = 0;

function pad(val) {
    return val > 9 ? val : "0" + val;
}
var timer = setInterval(function () {
    document.getElementById("seconds").innerHTML = pad(++sec % 60);
    document.getElementById("minutes").innerHTML = pad(parseInt(sec / 60, 10));
    {if ($("#character").is(':hidden'))
{    clearInterval(timer);
}}
}, 1000);

setTimeout(function () {
    clearInterval(timer);
}, 60000);

HTML代码是：

  <form action="kayit.php">
  Ismini gir : <input type="text">
  <input id="score" type="hidden" value="I want that value changed dynamically as second." >
  <input type="submit" value="Onayladim">

感谢您的回答。

Answer 1

您可以通过分配隐藏输入的值属性来修改隐藏输入的值。

document.getElementById('score').value = Number(document.getElementById("seconds").innerHTML) + (Number(document.getElementById("minutes").innerHTML) * 60);

虽然你可能会在勾选定时器时更新价值。

抬头，setInterval并不准确，并且保证不会每隔1000毫米调用一次。

编辑--- 这是一个可以帮助你的小提琴https://jsfiddle.net/ftp1Lsjt/

＆＃13;

var sec = 0;

function pad(val) {
    return val > 9 ? val : "0" + val;
}
var timer = setInterval(function () {
    document.getElementById("seconds").innerHTML = pad(++sec % 60);
    document.getElementById("minutes").innerHTML = pad(parseInt(sec / 60, 10));
    {if ($("#character").is(':hidden'))
{    
//clearInterval(timer);
document.getElementById('score').value = Number(document.getElementById("seconds").innerHTML) + (Number(document.getElementById("minutes").innerHTML) * 60);
}}
}, 1000);

setTimeout(function () {
    clearInterval(timer);
}, 60000);

＆＃13;

#character{
  display:none;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div id='seconds_wrap'>
<span id='seconds'></span> Seconds
</div>
<div id='minutes_wrap'>
<span id='minutes'></span> Minutes
</div>
<div id='character'>

</div>
<form action="kayit.php">
  Ismini gir : <input type="text">
  <input id="score" type="hidden" value="I want that value changed dynamically as second." >
  <input type="submit" value="Onayladim">
  </form>

＆＃13;

如何动态地将输入隐藏的值设置为计数定时器的值？

1 个答案: