Meteor Timers

Last Updated : 31 Dec, 2021

Meteor is a full-stack JavaScript platform that is used for developing modern web and mobile applications. Meteor has a set of features that are helpful in creating a responsive and reactive web or mobile application using JavaScript or different packages available in the framework. It is used to build connected-client reactive applications.

Meteor keeps track of things like the current request’s user via global environment variables. The timer module provides a global API for scheduling functions to be executed at a later time. They function similarly to setTimout and setInterval as in JavaScript but in Meteor, Meteor.setTimeout should be used instead of setTimeout, and Meteor.setInterval should be used instead of setInterval.

Syntax:

Meteor.setTimeout(function() {
   ...
}, 1000);

Creating Meteor Application And Importing Module:

Step 1: Create a React application using the following command.

meteor create foldername

Step 2: After creating your project folder i.e. foldername, move to it using the following command.

cd foldername

Step 3: Import Meteor module from ‘meteor/meteor’

import { Meteor } from 'meteor/meteor'

Project Structure: It will look like the following.

Step to Run Application: Run the application from the root directory of the project, using the following command.

meteor

Example: This is the basic example that shows how to use the Timers component.

Main.html

<head> 
    <title>gfg</title> 
</head> 
  
<body> 
    {{> timer}} 
</body> 
  
<template name="timer"> 
    <h1 class="heading">GeeksforGeeks</h1> 
    <p> 
        The timer is running and printing  
        a count from 1 to 10 in the console  
        log every second. 
    </p> 
  
</template>

Main.js

import { Meteor } from 'meteor/meteor'; 
import './main.html'; 
  
let count = 0; 
  
for (let i = 1; i <= 10; i++) { 
    var watch = Meteor.setTimeout(function () { 
        // for (let j = 0; j < 1; j++) { 
        console.log(i); 
        // } 
    }, 1000 * i); 
} 