Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/363.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在制作JavaScript代码时转换字符串_Javascript_Timer_Counter_Ticker - Fatal编程技术网

在制作JavaScript代码时转换字符串

在制作JavaScript代码时转换字符串,javascript,timer,counter,ticker,Javascript,Timer,Counter,Ticker,我希望计数器(1,2,3,…)在单击开始按钮后立即启动 HTML代码: <p class="para">0</p> <input type="button" value="Start" class="start"> 我被这个问题困扰了三天。请帮我找出我的错误 我是否需要使用parseInt方法,因为para类是string而不是整数? 我希望我很清楚这里有很多事情可能会给你带来麻烦 您没有更新段落的文本,因此看不到任何更改 您使用窗口设置了一个间隔,因此它应

我希望计数器(1,2,3,…)在单击开始按钮后立即启动

HTML代码:

<p class="para">0</p>
<input type="button" value="Start" class="start">
我被这个问题困扰了三天。请帮我找出我的错误 我是否需要使用parseInt方法,因为para类是string而不是整数?
我希望我很清楚

这里有很多事情可能会给你带来麻烦

  • 您没有更新段落的文本,因此看不到任何更改
  • 您使用
    窗口设置了一个间隔,因此它应该是
    窗口。setInterval()
  • 您不需要为间隔分配变量
  • 对字符串调用
    ++
    不是一个好主意
  • 当我们解决这些小问题时,一切正常

    const para=document.querySelector(“.para”),start=document.querySelector(“.start”);
    start.addEventListener(“单击”,函数(){
    设置间隔(doEverySecond,1000)
    })
    函数doEverySecond(){
    para.innerHTML=parseInt(para.innerHTML)+1
    }

    0


    无法更改获取文本内容并尝试使用变量而不是常量值的需要。像这样
    
    var para=document.querySelector(“.para”).textContent,
    start=document.querySelector(“.start”);
    start.addEventListener(“单击”,函数(){
    var定时器=设置间隔(doEverySecond,1000);
    });
    函数doEverySecond(计时器){
    parseInt(para++);
    document.querySelector(“.para”).textContent=para;
    }
    
    
    

    0

    const para = document.querySelector(".para"),
          start = document.querySelector(".start");
    
    start.addEventListener("click", function(){
          var timer = setInterval(doEverySecond, 1000)
          })
    
    function doEverySecond(timer){
      parseInt(para++);
     }