从用户在HTML和Javascript中输入的数字开始倒数

因此，我有一个输入框，用户可以在其中输入一个数字，单击提交，该数字将显示在标记中

然后，当我单击开始时，我希望这个数字开始倒计时

我是Javascript新手，这基本上是一个帮助我学习的小项目，也许我投入的太多了，但我现在投入太多了，希望能得到任何帮助

我的HTML：

<span style="font-size: 36pt; font-family: homiziothin; color: black; padding-right: 20px;">&pound;</span>
<input id="inputvalue" type="number" name="Value" min="0" max="500">
<button id="commitprice" type="submit" onclick="submitPrice()">Commit Price</button>
<p id="submittedprice"></p>
<button id="startauction" type="submit" onclick="startAuction()">Start Auction</button>

£；
承诺价格

开始拍卖

我目前使用的Javascript将用户值输入到标记中（以及在谷歌上多次搜索如何开始倒计时的粗略猜测）

函数submitPrice（）
{
var$pricesubmitted=$（“#inputvalue”）.val（）；
$（“#提交价格”）。文本（$pricesubmitted）；
}
函数startaAction（）
{
调试器；
var$startingprice=$（“#inputvalue”）.val（）；
var$bidcountdown=setInterval（函数（）
{
$startingprice--；
document.getElementById（“#inputvalue”）.textContent=$startingprice；
如果（$startingprice属性表示元素的开始标记和结束标记之间的文本。使用
输入
，您需要
值
属性，因为这些标记之间没有任何文本

更多信息：
属性表示元素的开始标记和结束标记之间的文本。使用
输入
，您需要
值
属性，因为这些标记之间没有任何文本

更多信息：
您的代码中有几个问题。首先，正如Mladen所指出的，您应该使用.value而不是.textContent。其次，您不应该使用.getElementById选择器中的“#”

这会帮你解决的

function startAuction()
{
    debugger;
    var $startingprice = document.getElementById("inputvalue").value;

    var $bidcountdown = setInterval(function()
    {
        $startingprice--;
        // document.getElementById("inputvalue").value = $startingprice;
        document.getElementById("submittedprice").innerHTML= $startingprice;
        if($startingprice <= 0)
            clearInterval($bidcountdown);
    }, 1000);
}

函数startAction（）
{
调试器；
var$startingprice=document.getElementById（“inputvalue”）.value；
var$bidcountdown=setInterval（函数（）
{
$startingprice--；
//document.getElementById（“inputvalue”）.value=$startingprice；
document.getElementById（“submittedprice”）.innerHTML=$startingprice；
如果（$startingprice您的代码中有几个问题。首先，正如Mladen所指出的，您应该使用.value而不是.textContent。其次，您不应该使用.getElementById选择器中的“#”

这会帮你解决的

function startAuction()
{
    debugger;
    var $startingprice = document.getElementById("inputvalue").value;

    var $bidcountdown = setInterval(function()
    {
        $startingprice--;
        // document.getElementById("inputvalue").value = $startingprice;
        document.getElementById("submittedprice").innerHTML= $startingprice;
        if($startingprice <= 0)
            clearInterval($bidcountdown);
    }, 1000);
}

函数startAction（）
{
调试器；
var$startingprice=document.getElementById（“inputvalue”）.value；
var$bidcountdown=setInterval（函数（）
{
$startingprice--；
//document.getElementById（“inputvalue”）.value=$startingprice；
document.getElementById（“submittedprice”）.innerHTML=$startingprice；
如果（$startingprice我已经实现了您的需求，您可以检查


函数submitPrice（）{
var$pricesubmitted=document.getElementById（“inputvalue”）；
document.getElementById（“submittedprice”）.innerText=$pricesubmitted.value；
}
函数startaAction（）{
var msgElement=document.getElementById（“showMessage”）；
msgElement.innerText=“开始倒计时…”；
var_el=document.getElementById（“inputvalue”）；
var$startingprice=parseInt（_el.value）；
var$bidcountdown=setInterval（函数（）{
msgElement.innerText=“Count Value”+$startingprice；
$startingprice--；
msgElement.innerText=$startingprice；
如果（$startingprice<0）{
msgElement.innerText=“倒计时结束…”；
清除间隔（倒计时）；
}
}, 1000);
}
£；
承诺价格

开始拍卖
我已经实现了您的需求，您可以查看


函数submitPrice（）{
var$pricesubmitted=document.getElementById（“inputvalue”）；
document.getElementById（“submittedprice”）.innerText=$pricesubmitted.value；
}
函数startaAction（）{
var msgElement=document.getElementById（“showMessage”）；
msgElement.innerText=“开始倒计时…”；
var_el=document.getElementById（“inputvalue”）；
var$startingprice=parseInt（_el.value）；
var$bidcountdown=setInterval（函数（）{
msgElement.innerText=“Count Value”+$startingprice；
$startingprice--；
msgElement.innerText=$startingprice；
如果（$startingprice<0）{
msgElement.innerText=“倒计时结束…”；
清除间隔（倒计时）；
}
}, 1000);
}
£；
承诺价格

开始拍卖
对于
输入
您想使用
值
。对于
输入
您想使用
值
。另外，由于您使用的是jquery，所以刚刚重写了
文档.getElementById（“#inputvalue”）。textContent=$startingprice；
到
$（“#inputvalue”）.val（$startingprice）
谢谢你的回答，也谢谢你对答案的评论！而且因为你正在使用jquery，刚刚重写了
document.getElementById（“#inputvalue”）.textContent=$startingprice；
到
$（“#inputvalue”）.val（$startingprice）
谢谢你的回答，也谢谢你对答案的评论！这很有效谢谢你，我刚刚注意到输入框中的数字是倒计时的，而不是现在在P标签中的数字。这里有一个粘贴框，你可以看到我在这里试图实现的目标：这很有效谢谢你，我刚刚注意到数字是倒计时的输入框中的ber是倒计时，而不是现在P标记中的数字。这里有一个粘贴框，以便您可以看到我在这里试图实现的目标：这太棒了，感谢您花时间这么做，我会看一看，分解它，确保我理解您是如何做到的：）这太棒了，谢谢你花时间来做这件事，我会看一看，把它分解一下，确保我理解你是怎么做的：）