The function SetInterval is invoked multiple times

I am currently working on developing a Tetris game and I have encountered a bug that affects the speed of the game. The issue arises when the function 

setInterval(move_tetris_part,interval_time);
is called multiple times, resulting in an increased downward speed than expected.

I have been troubleshooting this problem and it seems to be related to the keydown and keyup functions within the code. I have implemented a variable named job_completed which is set to true at the start of each button press and then switched to false. Only if this variable is false, the corresponding code should be executed.

Insert your specific code snippet here...

Upon further investigation, please ensure to review the logs (console) for any additional insights or errors that may help in identifying and resolving the issue.

Thank you in advance for your assistance,

Chris Pappas

javascriptsetinterval

Answer №1

It is important to remember that every 

game_interval = setInterval(//...
should always be followed by a clearInterval. It seems like in the document.onkeyup handler around line 1680, this step was missed.

The reason for this is because the interval will continue to run unless it is cleared (or until certain events occur). When you initiate a new setInterval without clearing the previous one, both intervals will function independently, resulting in multiple ticks within the same time frame. This can lead to unexpected behavior and bugs in your script.

Furthermore, it may be beneficial to refactor your code to be more DRY (Don't Repeat Yourself) as this can help in identifying and resolving issues easier in the future.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Count of elements in one flexbox row

Having a flexbox container with multiple items in row-wrap format, is there a way to use JavaScript to determine the number of items in each row? Essentially, finding out at what point they wrap. For instance- <div class="container"> <div clas ...

javascriptcssflexbox

Update specific fields in a MySQL database using Express.js only if they are passed as parameters

After spending several days trying to set up a REST API, I found a helpful tutorial that explained the basics of sending requests and receiving responses. The only issue is that the tutorial uses MongoDB and Mongoose, while I'm working with MySQL. Due ...

javascriptnode.jsexpress

Mastering the art of debugging a mongoose action in node.js

I am utilizing mongoose for connecting my node.js app with mongoDB. However, I am facing an issue where the database does not get updated when I create or update a model instance. How can I effectively debug and identify what goes wrong in the create or up ...

javascriptnode.jsmongodbdebuggingmongoose

Invalid number of arguments for pure functions

I am currently facing an issue in angular2 (rc-1) where I am passing an array of strings to my function through component binding. However, when the array length exceeds 10, an error occurs: Unsupported number of argument for pure functions: 11 This erro ...

javascriptangularjstypescriptangular

Is it possible for the server to initiate communication with the client

Every time I try to find a solution, Comet always comes up. But it seems like overkill for what I need - just around 100 users at most, with maybe 10 online simultaneously. Is there a simpler and more suitable option for my needs, such as pushing data to ...

php.netjavascriptjqueryajax

Unexpected issues have arisen with the $.ajax function, causing it

I am facing an issue where I can see the loader.gif but unable to view avaiable.png or not_avaiable.png in my PHP file. What could be causing this problem? $(document).ready(function()//When the dom is ready { $("#inputEmail").change(function() { ...

javascriptphpjqueryajax

No data was returned in the responseText of the XMLHttpRequest

I am facing an issue where my XMLHttpRequest code is executing without any errors, but it always returns an empty responseText. Here is the JavaScript code that I am using: var apiUrl = "http://api.xxx.com/rates/csv/rates.txt"; var request = new XMLH ...

javascriptajaxxmlhttprequest

Managing Time with ReactJS

My goal is to automatically reload the content below every 30 seconds. componentDidMount() { fetch('https://example.com/json') .then((res) => res.json()) .then( (result) => { this.setState({ isLoaded: true, ...

reactjsnext.jssettimeoutsetinterval

JavaScript preload with webpack ES6 import for customizable prefetching

Within a large-scale React SPA, my goal is to have certain code chunks loaded only when a user opens or utilizes specific screens or features. Many of our React components are lazily loaded using const Component=React.lazy(() => import('./lazyCode& ...

javascriptreactjswebpackprefetch

Retrieving data from a database using PHP and presenting it in a loop for showcasing in JavaScript

I am currently working on a code and trying to achieve the following output: { title:"<?php echo $sender_fullname; ?>", mp3:"link", }, I want to display this in JavaScript using PHP. // Include database require_once "db.php"; // Get email ...

phpjavascriptmysql

How to Handle Errors When Retrieving an AWS S3 Object Stream in Node.js

I am currently working on developing an Express server that will send items from a S3 bucket to the client using Node.js and Express. I came across the following code snippet in the AWS documentation. var s3 = new AWS.S3({apiVersion: '2006-03-01&apo ...

javascriptnode.jsamazon-web-servicesexpressamazon-s3

Having trouble with the npm Twitter API functionality?

I'm attempting to execute a simple stream using an example code snippet. Here is the code I am working with: var twit = require('twitter'); var twitter = new twit({ consumer_key: '[KEY]', consumer_secret: &ap ...

javascriptnode.jstwitternpm

Is it possible to make changes to dynamically inserted HTML using jQuery.ajax?

I'm facing a scenario in jQuery where I make an ajax call that inserts HTML into my website. However, I also need to perform operations on this inserted HTML within the same ajax call's success callback function. Here is a simplified version of ...

javascriptjquery

What methods can be used to accurately display the data type with TypeOf()?

When working with the following code: const data = Observable.from([{name: 'Alice', age: 25}, {name: 'Bob', age: 35}]); console.log(typeof(data)); The type is displayed as Object(). Is there a way to obtain more specific information? ...

javascriptangulartypescriptobservable

Unable to use jQuery to delete class from an element

Here is the markup I am working with: <div class="row"> <img src="image.png" class="download-image regular-image" /> <div class="options"> <p>download</p> </div> <img src="image.png" class="download-image r ...

javascriptjqueryhtml

What is the best way to arrange an array in either javascript or typescript based on a specific key, and in the case of identical keys,

Below is an array with objects that need to be sorted: [ { "Books": [], "_id": "5dea9a11a8e1bf301c462ce4", "FileName": "AAAAA", "Order": 99999 }, { "_id": "5dea9864a8e1bf301c462cdb", "Books": [], "FileName": "some1", ...

javascriptarraystypescript

Pattern for identifying Google Earth links with regular expressions

I'm attempting to create a regular expression that can validate whether the URL entered by a user in a form is a valid Google Earth URL. For example: https://earth.google.com/web/@18.2209311,-63.06963893,-0.67163554a,2356.53661597d,34.99999967y,358.13 ...

javascripthtmlregex

Issue with mapStateToProps not reflecting changes in props after localStorage modification

Currently, I am working on a redux application that involves authentication. My main concern right now is ensuring that the user remains logged in whenever they interact with the app. Below is a snippet from the bottom of my App.jsx file: function mapStat ...

javascriptreactjsreduxreact-redux

Pass data from Angular UI Bootstrap Modal to parent controller upon background click or closing with the ESC key

Hello everyone. Let's dive right into the issue - I am trying to figure out how to pass a variable back from an AngularJS UI Boostrap Modal when the user clicks on the background or presses the ESC button on their keyboard. There are some solutions ...

javascriptangularjsangular-ui-bootstrap

Strapi: Enhancing User Experience with Unique Passwordless Customization Services

I have been attempting to modify the "passwordless" strapi plugin in order to generate verification codes consisting exclusively of digits. To achieve this, I need to override the createToken function within the plugin's service. Following the instru ...

javascriptnode.jsstrapi