What is the best way to repeatedly execute a function upon button click?

Question

What is the best way to repeatedly execute a function upon button click?

for (let index = 0; index < shoppingCenters.length; index++) {
  const mall = shoppingCenters[index];
  locateAddress(mall);
}

$scope.locateAddress = function(mall) {}

XHTML

<ion-nav-buttons side="primary">
  <button class="button" ng-click="locateAddress()">
    Find My Location
  </button>
</ion-nav-buttons>

<div id="map-container" data-tap-disabled="true"></div>

Hello, I am encountering an issue where I receive the following message when calling a function within my loop: ReferenceError: locateAddress is not defined.

javascript angularjs angularjs-scope

Answer 1

Answer №1

Don't forget to include the $scope:

$scope.codeAddress = function(mall){} // make sure to add this function before the loop

for (var i = 0; i < malls.length; i++) {
     mall = malls[i];
     $scope.codeAddress(mall);
}

Check out this JSFIDDLE example.

Answer 2

Don't forget to include the $scope:

$scope.codeAddress = function(mall){} // make sure to add this function before the loop

for (var i = 0; i < malls.length; i++) {
     mall = malls[i];
     $scope.codeAddress(mall);
}

Check out this JSFIDDLE example.

Answer 3

Answer №2

One way to repeatedly call a function with a time interval in JavaScript is by using setInterval.

var count = 0;
 var int = setInterval(function(){
// do your task here
FunctionYouWantToRepeat()
count++;
if(count === 10) {
    clearInterval(int);
}
}, 200);

Answer 4

One way to repeatedly call a function with a time interval in JavaScript is by using setInterval.

var count = 0;
 var int = setInterval(function(){
// do your task here
FunctionYouWantToRepeat()
count++;
if(count === 10) {
    clearInterval(int);
}
}, 200);

What is the best way to repeatedly execute a function upon button click?

Answer №1

Answer №2

Similar questions

Generating a new Blob through assembling MediaRecorder blob sections leads to a blank Blob

Creating interactive network visualizations using JavaScript

Make sure to use jQuery waterfall 'reflow' only once all the images have finished loading

A guide on traversing a HTML table and cycling through its contents with JavaScript

The preflight request's response failed to meet the access control criteria due to the absence of the 'Access-Control-Allow-Origin' header

Use a personalized CSS class with the Kendo Dropdown Widget

Leverage OpenID Connect in Azure Active Directory with authentication code flow

Determine in React whether a JSX Element is a descendant of a specific class

Issue with Vue directive bind not functioning after element refresh

Anomaly in the default checked state of checkboxes

React - what propType should be used for the Material UI icon?

"Exploring the Synchronization Feature in Vue.js 2.3 with Element UI Dialog Components

Ways to rearrange div elements using JavaScript

Angular: attaching an identification number to an API endpoint

Turn off javascript on a website that you are embedding into another site

Issue with Vue.js input not updating with v-model after input sanitization in watch handler

AngularJS: Iterating through all isolated scope directive templates and performing a click event on one of them

Challenge with SSRS report's cross-origin problem

Switching between different elements in an array using React

what is the method to incorporate an array of objects in a schemaless mongoose database?