జావాస్క్రిప్ట్ ముందే నిర్వచించబడిన “ని అందిస్తుంది స్పష్టమైన సమయం ముగిసింది ()” సమయం ముగిసిన కార్యాచరణను నిర్వహించే పద్ధతి. ఇది గతంలో ఏర్పాటు చేసిన సమయ విరామాన్ని రద్దు చేయడానికి వినియోగదారులను అనుమతిస్తుంది సమయం ముగిసింది ()” ఫంక్షన్. ఇది నిర్దిష్ట సమయ విరామం తర్వాత పునరావృతమయ్యే కోడ్ బ్లాక్ యొక్క అమలును నిలిపివేస్తుంది. షెడ్యూల్ చేయబడిన పనులను రద్దు చేయడానికి బ్యాంకింగ్ మరియు ఇ-కామర్స్ వెబ్సైట్ల కోసం ఇది ఎక్కువగా ఉపయోగించబడుతుంది.
ఈ పోస్ట్ JavaScript clearTimeout() ఫంక్షన్ని ఎలా నిర్వహించాలో వివరిస్తుంది.
JavaScript “clearTimeout()” ఫంక్షన్ను ఎలా నిర్వహించాలి?
ది ' స్పష్టమైన సమయం ముగిసింది ()' ఫంక్షన్ ' సహాయంతో ముందుగా సెట్ చేసిన సమయ విరామాన్ని రద్దు చేస్తుంది సమయం ముగిసింది ()” ఫంక్షన్. ది ' సమయం ముగిసింది ()” ఫంక్షన్ నిర్దిష్ట పనిని దానిలో పదేపదే నిర్వహించడానికి సమయ విరామాన్ని సెట్ చేస్తుంది.
వాక్యనిర్మాణం
యొక్క పని ' స్పష్టమైన సమయం ముగిసింది ()” పద్ధతి క్రింద వ్రాయబడిన దాని ప్రాథమిక వాక్యనిర్మాణంపై ఆధారపడి ఉంటుంది:
స్పష్టమైన సమయం ముగిసింది ( id_of_settimeout )
పై వాక్యనిర్మాణం ప్రకారం, “ స్పష్టమైన సమయం ముగిసింది ()' తీసుకుంటుంది ' id ' యొక్క ' సమయం ముగిసింది ()” ఫంక్షన్ మరియు సమయ విరామాన్ని ఆపివేస్తుంది. వినియోగదారు ఐడిని పాస్ చేయకపోతే, అది ఏమీ చేయదు.
దాని ప్రాథమిక వాక్యనిర్మాణాన్ని ఉపయోగించడం ద్వారా పైన నిర్వచించిన ఫంక్షన్ను అమలు చేద్దాం.
ఉదాహరణ 1: సెట్ టైమ్ ఇంటర్వెల్ను ఆపడానికి “క్లియర్టైమ్అవుట్()” ఫంక్షన్ను వర్తింపజేయడం
మొదటి ఉదాహరణ వర్తిస్తుంది ' స్పష్టమైన సమయం ముగిసింది సెట్ సమయ విరామాన్ని ఆపడానికి ()” ఫంక్షన్.
మొదట కింది HTML కోడ్ను చూడండి:
< కేంద్రం >< p > 2 సెకన్లు వేచి ఉండండి, పేజీ శీర్షికను ప్రదర్శిస్తుంది. < / p >
< h2 id = 'H2' >< / h2 >
< బటన్ క్లిక్ చేయండి = 'ఆపు()' > అమలు ఆపు! < / బటన్ >
< / కేంద్రం >
పై కోడ్ లైన్లలో:
- '< కేంద్రం >” ట్యాగ్ వెబ్ పేజీ మధ్యలో ఇవ్వబడిన HTML మూలకాల అమరికను సెట్ చేస్తుంది.
- '< p >” ట్యాగ్ పేరా స్టేట్మెంట్ను నిర్దేశిస్తుంది.
- '< h2 >' ట్యాగ్ అనేది id 'తో కూడిన ఖాళీ శీర్షిక మూలకం H2 ”.
- '< బటన్ >' ట్యాగ్ '' అని పిలిచే బటన్ మూలకాన్ని చొప్పిస్తుంది ఆపండి ()' ఫంక్షన్ జతచేయబడినప్పుడు ' క్లిక్ చేయండి ” ఈవెంట్ ట్రిగ్గర్ చేయబడింది.
తరువాత, వర్తించు ' స్పష్టమైన సమయం ముగిసింది పేర్కొన్న కోడ్ బ్లాక్ని ఉపయోగించి ()” ఫంక్షన్:
< స్క్రిప్ట్ >స్థిరంగా సమయం సరిచేయి = సమయం ముగిసింది ( ప్రారంభించండి , 2000 ) ;
ఫంక్షన్ ప్రారంభించండి ( ) {
పత్రం. getElementById ( 'H2' ) . అంతర్గత HTML = 'Linuxhintకి స్వాగతం!'
}
ఫంక్షన్ ఆపండి ( ) {
స్పష్టమైన సమయం ముగిసింది ( సమయం సరిచేయి ) ;
}
స్క్రిప్ట్ >
పై కోడ్ స్నిప్పెట్లో:
- ది ' సమయం సరిచేయి 'వేరియబుల్ వర్తిస్తుంది' సమయం ముగిసింది ()' ఫంక్షన్ 'ని దాటిపోతుంది ప్రారంభించండి 'ఫంక్షన్ దాని మొదటి పరామితి మరియు పేర్కొన్నది' మిల్లీసెకన్ల సంఖ్య ” రెండవ పరామితిగా. ఈ ఫంక్షన్ అమలు చేస్తుంది ' ప్రారంభించండి 'నిర్దిష్ట సమయ వ్యవధిలో ఫంక్షన్.
- తరువాత, 'ని నిర్వచించండి ప్రారంభించండి ()” ఫంక్షన్.
- ఈ ఫంక్షన్లో, ' document.getElementById ()' అనే ఐడి ఉన్న ఖాళీ హెడింగ్ ఎలిమెంట్ను యాక్సెస్ చేయడానికి పద్ధతి వర్తించబడుతుంది. H2 ” మరియు ఇచ్చిన టెక్స్ట్ స్టేట్మెంట్తో జత చేయండి.
- ఆ తరువాత, ' ఆపండి ()” ఫంక్షన్ నిర్వచించబడింది, ఇది వర్తిస్తుంది “ స్పష్టమైన సమయం ముగిసింది ()' పద్ధతి ' ఐడిని దాటుతుంది సమయం ముగిసింది దాని సమయ విరామాన్ని ఆపడానికి ()” ఫంక్షన్.
అవుట్పుట్ (ఎగ్జిక్యూషన్ను ఆపడానికి ముందు)
ఇప్పుడు అవుట్పుట్ '' ద్వారా సెట్ చేసిన సమయ విరామాన్ని ఆపడానికి ముందు పేర్కొన్న సమయ వ్యవధిలో శీర్షిక మూలకాన్ని చూపుతుంది సమయం ముగిసింది ()' పద్ధతి.
అవుట్పుట్ (ఎగ్జిక్యూషన్ను ఆపిన తర్వాత)
ఇవ్వబడిన బటన్ క్లిక్ హెడింగ్ ఎలిమెంట్ను ప్రదర్శించడానికి సెట్ చేయబడిన సమయ విరామాన్ని ఆపివేస్తుంది.
ఉదాహరణ 2: ఫంక్షన్ను ఆపడానికి “క్లియర్టైమ్అవుట్()” ఫంక్షన్ను వర్తింపజేయడం
ఈ ఉదాహరణ 'ని ఉపయోగిస్తుంది స్పష్టమైన సమయం ముగిసింది ()” ఫంక్షన్ యొక్క అమలును ఆపడానికి ఫంక్షన్:
ముందుగా, అందించిన HTML కోడ్ ద్వారా వెళ్ళండి:
< కేంద్రం >< బటన్ క్లిక్ చేయండి = 'ప్రారంభం()' > గణన ప్రారంభించండి! < / బటన్ >
< ఇన్పుట్ రకం = 'వచనం' id = 'ఫీల్డ్' >
< బటన్ క్లిక్ చేయండి = 'ఆపు()' > లెక్కింపు ఆపు! < / బటన్ >
< / కేంద్రం >
పై కోడ్ బ్లాక్లో:
- '< బటన్ >' ట్యాగ్ 'ని జత చేస్తుంది క్లిక్ చేయండి 'ప్రారంభం()' ఫంక్షన్ను క్లిక్ చేసినప్పుడు దాన్ని అమలు చేయడానికి ఈవెంట్.
- '< ఇన్పుట్ >' ట్యాగ్ '' రకంతో ఇన్పుట్ ఫీల్డ్ను జోడిస్తుంది వచనం ” మరియు ఒక id “ఫీల్డ్”.
- తదుపరి “< బటన్ >” కూడా జతచేస్తుంది క్లిక్ చేయండి 'పిలవడానికి ఈవెంట్' ఆపండి ఈ ఈవెంట్ తొలగించబడినప్పుడు ()” ఫంక్షన్.
ఇప్పుడు, వర్తించు ' స్పష్టమైన సమయం ముగిసింది ()' ఈ కోడ్ లైన్లను ఉపయోగించి ఫంక్షన్:
< స్క్రిప్ట్ >కౌంటర్ చేయనివ్వండి = 0 ;
సమయాన్ని సెట్ చేయనివ్వండి ;
టైమర్_ఆన్ చేయనివ్వండి = 0 ;
ఫంక్షన్ లెక్కించండి ( ) {
పత్రం. getElementById ( 'ఫీల్డ్' ) . విలువ = కౌంటర్ ;
కౌంటర్ ++;
సమయం సరిచేయి = సమయం ముగిసింది ( లెక్కించండి , 1000 ) ;
}
ఫంక్షన్ ప్రారంభించండి ( ) {
ఉంటే ( ! టైమర్_ఆన్ ) {
టైమర్_ఆన్ = 1 ;
లెక్కించండి ( ) ;
}
}
ఫంక్షన్ ఆపండి ( ) {
స్పష్టమైన సమయం ముగిసింది ( సమయం సరిచేయి ) ;
టైమర్_ఆన్ = 0 ;
}
స్క్రిప్ట్ >
పై కోడ్ లైన్లలో:
- ముందుగా, ' వీలు 'కీవర్డ్ మూడు వేరియబుల్స్ డిక్లేర్ చేస్తుంది' కౌంటర్', 'సెట్ టైమ్' మరియు 'టైమర్_ఆన్ ”.
- తరువాత, ' లెక్కించండి ()” ఫంక్షన్ నిర్వచించబడింది.
- దాని నిర్వచనాలలో, ' document.getElementById() ” దాని ఐడిని ఉపయోగించి జోడించిన ఇన్పుట్ ఫీల్డ్ని యాక్సెస్ చేయడానికి పద్ధతి వర్తించబడుతుంది” ఫీల్డ్ 'మరియు దానిని ' విలువతో జత చేయండి కౌంటర్ ” వేరియబుల్.
- ఇప్పుడు, '' విలువను పెంచండి కౌంటర్ ” వేరియబుల్.
- చివరగా, వర్తించు ' సమయం ముగిసింది ()' పద్ధతిని అమలు చేయడానికి ' లెక్కించండి ఇచ్చిన సమయ వ్యవధిలో ()” ఫంక్షన్.
- ఆ తరువాత, '' అనే ఫంక్షన్ను నిర్వచించండి ప్రారంభించండి ()'.
- ఈ ఫంక్షన్లో, ఒక ' ఉంటే 'స్టేట్మెంట్ ఒక షరతును నిర్దేశిస్తుంది అంటే ' imer_on ' కాదు ' పై 'అప్పుడు అది సమానం' 1 ' ఇంకా ' లెక్కించండి ()” ఫంక్షన్ అంటారు.
- ఇప్పుడు, మరొక ఫంక్షన్ నిర్వచించబడింది ' ఆపండి ()'.
- దాని నిర్వచనంలో, ' స్పష్టమైన సమయం ముగిసింది ()' పద్ధతి ' యొక్క ఐడిని దాటి వర్తింపజేయబడుతుంది సమయం ముగిసింది ()' పద్ధతి అనగా ' సమయం సరిచేయి ”.
అవుట్పుట్
ఇది గమనించవచ్చు ' గణన ప్రారంభించండి ” బటన్ ప్రతి 1 సెకను తర్వాత పెరిగే గణనను ప్రారంభిస్తుంది. 'పై క్లిక్ చేయడం ద్వారా ఈ గణన ఆగిపోతుంది లెక్కింపు ఆపు! ” బటన్.
JavaScriptలో clearTimeout() ఫంక్షన్ని నిర్వహించడం గురించి అంతే.
ముగింపు
ది ' స్పష్టమైన సమయం ముగిసింది ()' ఫంక్షన్ ' సహాయంతో పేర్కొన్న సమయ విరామాన్ని నిర్వహిస్తుంది సమయం ముగిసింది ()” ఫంక్షన్. యొక్క idని పాస్ చేయడం ద్వారా ఇది ఈ పనిని చేస్తుంది “సమయ సమయం ()” దాని ముఖ్యమైన పరామితిగా పని చేస్తుంది. ఇది 'ని ఉపయోగించి సెట్ చేయబడిన నిర్దిష్ట సమయ వ్యవధిలో చేసిన పనుల రద్దు కోసం ఉపయోగించబడుతుంది. సమయం ముగిసింది ()” ఫంక్షన్. ఈ పోస్ట్ JavaScript clearTimeout() ఫంక్షన్ని నిర్వహించే విధానాన్ని ఆచరణాత్మకంగా వివరించింది.