آموزش تایمر در Meteor

4 سال پیش

امتیاز دهید post

آموزش تایمر در Meteor

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش تایمر در Meteor خواهیم پرداخت.

Meteor روش های setTimeout و setInterval خود را ارائه می دهد. از این روش ها برای اطمینان از اینکه مقادیر صحیح همه متغیرهای جهانی استفاده می شود استفاده می شود. آنها مانند setTimout و setInterval معمولی JavaScript کار می کنند.

Timeout

این مثال Meteor.setTimeout است.

Meteor.setTimeout(function() {
   console.log("Timeout called after three seconds...");
}, 3000);

Meteor.setTimeout(function() {

console.log("Timeout called after three seconds...");

}, 3000);

ما می توانیم در کنسول ببینیم که وقتی برنامه شروع به کار کرد ، عملکرد timeout فراخوانی می شود.

فاصله

مثال زیر نحوه تنظیم و پاک کردن فاصله را نشان می دهد.

meteorApp.html

&lt;head&gt;
   &lt;title&gt;meteorApp&lt;/title&gt;
&lt;/head&gt;
 
&lt;body&gt;
   &lt;div&gt;
      {{&gt; myTemplate}}
   &lt;/div&gt;
&lt;/body&gt;
 
&lt;template name = "myTemplate"&gt;
   &lt;button&gt;CLEAR&lt;/button&gt;
&lt;/template&gt;

<head>

<title>meteorApp</title>

</head>

<body>

<div>

</div>

</body>

<button>CLEAR</button>

</template>

ما متغیر شمارنده اولیه را تنظیم می کنیم که بعد از هر تماس متناوب به روز می شود.

meteorApp.js

if (Meteor.isClient) {

   var counter = 0;

   var myInterval = Meteor.setInterval(function() {
      counter ++
      console.log("Interval called " + counter + " times...");
   }, 3000);

   Template.myTemplate.events({

      'click button': function() {
         Meteor.clearInterval(myInterval);
         console.log('Interval cleared...')
      }
   });
}

if (Meteor.isClient) {

var counter = 0;

var myInterval = Meteor.setInterval(function() {

counter ++

console.log("Interval called " + counter + " times...");

}, 3000);

Template.myTemplate.events({

'click button': function() {

Meteor.clearInterval(myInterval);

console.log('Interval cleared...')

}

});

}

این کنسول هر سه ثانیه یکبار متغیر شمارنده به روز شده را ثبت می کند. با کلیک روی دکمه CLEAR می توانیم این کار را متوقف کنیم. این روش clearInterval است.

Meteor Interval

منبع.

لیست جلسات قبل آموزش Meteor

امتیاز دهید post

برچسب ها : آموزش Meteor آموزش برنامه نویسی موبایل

نویسنده مطلب saber

آموزش تایمر در Meteor

آموزش تایمر در Meteor

Timeout

فاصله

meteorApp.html

meteorApp.js

لیست جلسات قبل آموزش Meteor

دیدگاه شما

بدون دیدگاه

آموزش تایمر در Meteor

Timeout

فاصله

meteorApp.html

meteorApp.js

لیست جلسات قبل آموزش Meteor

دیدگاه شما

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

بدون دیدگاه