wp231957 发表于 2022-8-21 07:45:57

哪位大侠帮写一段HTML+JS代码，需求见内

本帖最后由 wp231957 于 2022-8-21 07:49 编辑

估计代码量不会很大
1、不需要使用任何css 进行修饰，越简陋越好
2、网页中间弄一个text 框    从1开始显示   每隔3秒 自动增1直到30为止（有点像倒计时）
3、中间每隔10秒 插入一个ALERT如果用户不点击确定   这个自增界面就停止用户必须把所有ALERT都点击完毕才能看到30这个数字

我主要是计时器不咋会用

aaron0919 发表于 2022-8-21 11:01:23

<!DOCTYPE html>
<html lang="zn-ch">
    <head>
      <title>index</title>
    </head>
    <body>
      <div id="demo">1</div>
      <script>
            var demo=document.getElementById("demo")
            var i=1
            function f(){
                if(i<30)
                {
                  i = i + 1
                  if(i % 3 == 1)
                  {
                        window.alert("继续")
                  }
                  demo.innerHTML = i
                }
            }
            var time=setInterval(f,3000)
      </script>

    </body>
</html>

人造人 发表于 2022-8-21 11:01:31

我感觉吧，弄一个定时器比较好，这样就不需要在一个定时器里面开/关另一个定时器了
<!DOCTYPE HTML>
<html>
    <head>
      <meta charset="utf-8">
      <title>main</title>
    </head>
    <body>
      <textarea rows="10" cols="30"></textarea>
    </body>
    <script>
      function timer_handler() {
            ++count;
            if(count % 10 == 0) {
                window.alert(count);
            }
            if(count % 3 == 0) {
                ++document.body.getElementsByTagName("textarea").value;
            }
            window.setTimeout(timer_handler, 1000);
      }
      var count = 0;
      document.body.getElementsByTagName("textarea").value = 1;
      window.setTimeout(timer_handler, 1000);
    </script>
</html>

aaron0919 发表于 2022-8-21 12:39:50

@wp231957 如果问题解决了，请设置最佳答案
页: [1]
查看完整版本: 哪位大侠帮写一段HTML+JS代码，需求见内