zoukankan      html  css  js  c++  java
  • js_计时器之setInterval

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <script type="text/javascript">
    var intervalId;
    window.onload = function () {
    //点击这个按钮,启动中间的计时器, setInterval计时器需要传递两个参数,一个是一个函数,一个是时间
    document.getElementById('btnStart').onclick = function () {
    //启动一个计时器
    intervalId = setInterval(function () {
    document.getElementById('txt1').value++;
    // //0.获取文本框对象
    // var txtObj = document.getElementById('txt1');
    // txtObj.value++;
    // // txtObj.value = ++txtObj.value;
    // // //每隔一秒钟执行一次这里的代码
    // // //让文本框中的数字累加
    // // //1.获取文本框中原来的值
    // // var v = txtObj.value;
    // // //2.加1
    // // v = parseInt(v) + 1; 将字符串转换成int类型的值
    // // //3.将新值再赋值给文本框
    // // txtObj.value = v;
    }, 1000);
    };

    //停止
    document.getElementById('btnStop').onclick = function () {
    clearInterval(intervalId);
    };
    };
    </script>
    </head>
    <body>
    <input type="text" name="name" value="0" id="txt1" />
    <input type="button" name="name" value="start" id="btnStart" />
    <input type="button" name="name" value="stop" id="btnStop" />
    </body>
    </html>

  • 相关阅读:
    状态机的常见问题
    基于quartus的高级时序分析
    FPGA中的时钟域问题
    quartus中的时序约束常用方法
    时序约束与时序分析
    FPGA的PCB设计
    AXI4的主机协议代码分析
    selenium 笔记 场景判断
    Codeforces Round #676 (Div. 2) XORwice、Putting Bricks in the Wall、Palindromifier
    Trap HDU
  • 原文地址:https://www.cnblogs.com/wangjinya/p/10240019.html
Copyright © 2011-2022 走看看