使用循环显示一系列数字，按键盘键时退出

Question

I want to hits a to display series of numbers using loop (like i am using 1 to 10000) and it will stop dispalying the numbers when someone hits specific key for example: Press A

I have used following code but not working:

for($i=0;$i<10000;$i++){
    echo $i."<br/>";
}

and js code is:

$(document).keypress(function(e) {
    var keycode = (event.keyCode ? event.keyCode : event.which);
    if (keycode == 13){
        setTimeout('window.stop()',6000);
    }
});

How can i do it? Thanks in advance.

Answer 1

Your JavaScript can't stop the PHP code. PHP is executed, the response is sent to browser, browser parses the page and then your JavaScript is executed. You could use the setInterval function for setting an interval and stop it on the keypress event.

var i = 0;
var intId = setInterval(function() {
    if ( i === 10000 ) {
      stopInterval();
    }
    i++;
    // ...
}, 2);

function stopInterval() {
   clearInterval(intId);
}

window.addEventListener('keypress', function(event) {
   if ( event.which === 13 ) stopInterval();
});

Here is a demo.