100分求助高难问题：如何实现动态显示x/y的值？

一定要使用JavaScript 脚本代码实现！
多谢了！

解决方案 »

  1.   

    <input type="text" name="X" id="X" /><br>
    <span id="result"></span><br>
    <button onclick="doAction(this);">开始</button>
    <script>
    function doAction(currObj){
    if(currObj.value == "开始"){
    window.stop = false;
    currObj.value = "结束";
    var X = parseInt(document.getElementById("X").value);
    var Y = 1;
    var result = document.getElementById("result"); setTimeout(function(){
    if(window.stop) return;
    result.innerText = X / (Y++);
    setTimeout(arguments.callee, 1000);
    }, 1000);
    }else{
    window.stop = true;
    currObj.value = "开始";
    }
    }
    </script>
      

  2.   

    <script language="javascript">
    var x;
    var y=0;
    var stl;
    function Tostart(){
      x=document.form1.x.value;
      y++;
      resault=x/y;
      document.getElementById("outNum").innerText=resault;
      document.getElementById("y").innerText=y;
    }
    function Tostop(){
      window.clearTimeout(startTimout);
    }
    function num(){
      if(document.form1.btn.value==" 开 始 "){
        stl=window.setInterval("Tostart()",1000);
        document.form1.btn.value=" 停 止 ";
      }else{
        //y=0;//取消注释则每次重新计时
        window.clearInterval(stl);
        document.form1.btn.value=" 开 始 ";
      }
    }
    </script>
    <form name="form1" method="post" action="">
      <div>X:<input type="text" name="x"></div>
      <div>y:<span id="y"></span></div>
      <div>resault:<span id="outNum"></span></div>
      <div><input type="button" name="btn" value=" 开 始 " onClick="num();"></div>
    </form>
      

  3.   

    <html>
    <head>
    <script language="JavaScript">
    <!--
    var timer = null;
    var isRun = false;
    function begin(btn){
    if(isRun){ clearInterval(timer); btn.value="开始";isRun = false; return;}
    var sou = document.getElementById("txtSou");
    var out = document.getElementById("txtOut");
    var val = parseInt(sou.value,10);
    var i=0;
    var fun = function (){ out.value = (val--)+'/'+(i++); btn.value='停止';}
    timer = setInterval(fun,100);
    isRun = true;
    }
    //-->
    </script>
    </head>
    <body>
    <input type="text" id="txtSou" size="150" value="654321"><br>
    <input type="button" value="开始" onclick="begin(this)"><br>
    <input type="text" id="txtOut" size="150">
    </body>
    </html>
      

  4.   

    谢谢楼上的3位朋友帮我解决难题！由于我没有太说明清楚，可能第3位朋友没太理解我的意思，X/Y指的是 X除以Y。第2位朋友基本实现要求，但有一个问题就是点击“结束”后，第2次点击“开始”时，被除数X和时间值Y没有重新计算。第一位朋友较为符合。再次衷心的感谢三位朋友在深夜帮我一个大忙！
      

  5.   

    <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
    <input type="text" name="X" id="X" /><br/>
    <span id="result"></span><br/>
    <button onclick="doAction(this);">开始</button>
    <script>
    function doAction(currObj){
    if(currObj.value == "开始"){
    window.stop = false;
    currObj.value = "结束";
    var X = parseInt(document.getElementById("X").value);
    var Y = 1;
    var result = document.getElementById("result");setTimeout(function(){
    if(window.stop) return;
    result.innerText = X / (Y++);
    setTimeout(arguments.callee, 1000);
    }, 1000);
    }else{
    window.stop = true;
    currObj.value = "开始";
    }
    }
    </script>
    2楼乱码，帮你完善一下