జావాస్క్రిప్ట్లో సెట్ఇంటర్వల్ అంటే ఏమిటి మరియు ఇది ఎలా పని చేస్తుంది?

జావాస్క్రిప్ట్ క్లయింట్-సైడ్ ప్రోగ్రామింగ్ లాంగ్వేజ్‌తో పాటు సర్వర్-సైడ్ ప్రోగ్రామింగ్ లాంగ్వేజ్‌గా ఉపయోగించబడుతుంది. ఇదిఅనేక కార్యాచరణలను సులభంగా నిర్వహించడానికి అనేక పద్ధతులను అందిస్తుంది. ఇదే తయారుచేసింది అత్యంత ప్రాచుర్యం పొందిన ప్రోగ్రామింగ్ భాషలలో ఒకటి మరియు ఇది అనేక రకాల ఉత్పత్తి అభివృద్ధిలో కూడా విస్తృతంగా ఉపయోగించబడుతోంది.జావాస్క్రిప్ట్‌లోని సెట్‌ఇంటర్వల్ జావాస్క్రిప్ట్‌లోని టైమింగ్ ఈవెంట్స్‌లో ఒక భాగం మరియు మేము దాని గురించి ఈ క్రింది క్రమంలో నేర్చుకుంటాము:

• సమయ సంఘటనలు
• జావాస్క్రిప్ట్లో సెట్ఇంటర్వల్
• మరణశిక్షను ఎలా ఆపాలి?

సమయ సంఘటనలు

జావాస్క్రిప్ట్ అమలును కూడా అనుమతిస్తుంది విధులు ప్రోగ్రామ్ యొక్క అమలు సమయం కాకుండా సమయానికి సంబంధించి పద్ధతులు. ఇది ప్రోగ్రామ్ యొక్క అమలు సమయంతో సంబంధం లేకుండా నిర్దిష్ట సమయంలో ఫంక్షన్లను అమలు చేయడానికి అనుమతిస్తుంది.

జావాస్క్రిప్ట్‌లో టైమింగ్ ఈవెంట్‌లను ఉపయోగించడానికి రెండు ముఖ్య పద్ధతులు:

• setTimeout (ఫంక్షన్, మిల్లీసెకండ్)

  
  
  

ఈ ఫంక్షన్ లోపల ఫంక్షన్‌ను అమలు చేస్తుంది, ఇది మిల్లీసెకన్లలో పేర్కొన్న సమయం తర్వాత ఒకసారి మాత్రమే పరామితిగా పంపబడుతుంది.

• setInterval (ఫంక్షన్, మిల్లీసెకండ్)

ఈ ఫంక్షన్ అమలు సమయం నుండి ఫంక్షన్‌ను అమలు చేస్తుంది మరియు ప్రతి సమయం విరామం చేరుకున్న తర్వాత. ఇది ప్రతి సమయ వ్యవధిలో ఫంక్షన్ అమలును పునరావృతం చేస్తుంది.

ఇప్పుడు మనం ముందుకు సాగి జావాస్క్రిప్ట్‌లో సెట్‌ఇంటర్‌వల్ ఎలా పనిచేస్తుందో చూద్దాం.

జావాలో ప్రింట్ రైటర్ అంటే ఏమిటి

జావాస్క్రిప్ట్లో సెట్ఇంటర్వల్

ఈ ఫంక్షన్ యొక్క మొదటి పరామితి అమలు చేయవలసిన ఫంక్షన్ మరియు రెండవ పరామితి ప్రతి అమలు మధ్య సమయ విరామాన్ని సూచిస్తుంది.

var myVar = setInterval (myTimer, 1000) ఫంక్షన్ myTimer () {var d = క్రొత్త తేదీ () document.getElementById ('డెమో'). అంతర్గత HTML = d.toLocaleTimeString ()}

ఇక్కడ, document.getElementById నుండి మూలకాన్ని పొందుతుంది ఇది ఐడిని 'డెమో' గా కలిగి ఉంటుంది మరియు d.toLocaleTimeString () ఫంక్షన్ సిస్టమ్ నుండి ప్రస్తుత సమయాన్ని ఇస్తుంది.

అందువల్ల, ఇది ప్రతి 1000 మిల్లీసెకన్లకు 1 సెకనుకు సమానంగా పునరావృతమవుతుంది. అందువల్ల, ఫంక్షన్ ప్రతి 1 సెకనుకు పదేపదే అమలు చేయబడుతోంది మరియు అందువల్ల ప్రతి సెకనుకు సమయం నవీకరించబడుతుంది.

కాబట్టి మేము ఈ అమలును ఎలా ఆపాలి? తెలుసుకుందాం!

మరణశిక్షను ఎలా ఆపాలి?

క్లియర్‌ఇంటర్‌వాల్ () అని పిలువబడే మరొక ఫంక్షన్ సహాయంతో సెట్ఇంటర్వల్ () ఫంక్షన్ నుండి అమలును మనం ఆపవచ్చు.clearInterval () ఫంక్షన్ setInterval () నుండి తిరిగి వచ్చిన వేరియబుల్‌ను ఉపయోగిస్తుంది.

ఉదాహరణకి:

myVar = setInterval (ఫంక్షన్, మిల్లీసెకన్లు) clearInterval (myVar)

సెట్ఇంటర్వల్ () మరియు క్లియర్ ఇంటర్‌వాల్ () రెండింటినీ ఉపయోగించే ఉదాహరణ క్రింద ఉంది. ఇది గడియారాన్ని ప్రారంభిస్తుంది మరియు సమయాన్ని ఆపడానికి ఒక బటన్‌ను అందిస్తుంది.

 
క్రింద ఒక గడియారం ఉంది.
సమయం ఆపు 
 
సమయాన్ని ఆపడానికి పై బటన్‌ను క్లిక్ చేయండి.
var myVar = setInterval (myTimer, 1000) ఫంక్షన్ myTimer () {var d = క్రొత్త తేదీ () document.getElementById ('డెమో'). అంతర్గత HTML = d.toLocaleTimeString ()}

అవుట్పుట్:

SetInterval () మరియు clearInterval () తో మరికొన్ని ఉదాహరణలు.

డేటాబేస్ పరీక్ష ఎలా చేయాలి

డైనమిక్ ప్రోగ్రెస్ బార్‌ను సృష్టిస్తోంది

#myProgress {వెడల్పు: 100% ఎత్తు: 30px స్థానం: సాపేక్ష నేపథ్య-రంగు: #ddd} #myBar {background-color: # 4CAF50 వెడల్పు: 10px ఎత్తు: 30px స్థానం: సంపూర్ణ} 
క్లిక్ చేయండి ఫంక్షన్ మూవ్ () {var elem = document.getElementById ('myBar') var width = 0 var id = setInterval (frame, 10) function frame () {if (width == 100) {clearInterval (id)} else {వెడల్పు ++ elem.style.width = వెడల్పు + '%'}}}

అవుట్పుట్:

ప్రారంభ అవుట్పుట్

“నన్ను క్లిక్ చేయి” అని చెప్పే బటన్‌పై క్లిక్ చేసిన తర్వాత అవుట్‌పుట్.

రెండు నేపథ్యం మధ్య టోగుల్ చేయండి

టోగుల్ చేయడాన్ని ఆపివేయండి var myVar = setInterval (setColor, 300) ఫంక్షన్ setColor () {var x = document.body x.style.backgroundColor = x.style.backgroundColor == 'పసుపు'? 'పింక్': 'పసుపు'} ఫంక్షన్ స్టాప్ కలర్ () {క్లియర్ ఇంటర్‌వల్ (మైవర్)}

అవుట్పుట్:

రంగు పసుపు మరియు గులాబీ మధ్య టోగుల్ చేయబడుతుంది. పై అవుట్పుట్ బటన్ పై క్లిక్ చేసే ముందు మరియు క్రింద ఉన్నది బటన్ పై క్లిక్ చేసిన తరువాత.

జావాలో ఇటరేటర్ ఏమి చేస్తుంది

దీనితో, మేము జావాస్క్రిప్ట్ వ్యాసంలో మా సెట్ఇంటర్వాల్ చివరికి వచ్చాము. SetInterval పద్ధతి ఎలా పనిచేస్తుందో మీరు అర్థం చేసుకున్నారని నేను ఆశిస్తున్నాను.

చూడండి ఎడురేకా చేత. వెబ్ డెవలప్‌మెంట్ సర్టిఫికేషన్ శిక్షణ HTML5, CSS3, ట్విట్టర్ బూట్‌స్ట్రాప్ 3, j క్వెరీ మరియు గూగుల్ API లను ఉపయోగించి ఆకట్టుకునే వెబ్‌సైట్‌లను ఎలా సృష్టించాలో తెలుసుకోవడానికి మరియు అమెజాన్ సింపుల్ స్టోరేజ్ సర్వీస్ (S3) కు ఎలా అమలు చేయాలో తెలుసుకోవడానికి మీకు సహాయం చేస్తుంది.

మాకు ప్రశ్న ఉందా? దయచేసి ఈ బ్లాగ్ యొక్క వ్యాఖ్యల విభాగంలో పేర్కొనండి మరియు మేము మిమ్మల్ని సంప్రదిస్తాము.