ሰዓት ቆጣሪ እንዴት እንደሚሠራ

ዝርዝር ሁኔታ:

ሰዓት ቆጣሪ እንዴት እንደሚሠራ
ሰዓት ቆጣሪ እንዴት እንደሚሠራ

ቪዲዮ: ሰዓት ቆጣሪ እንዴት እንደሚሠራ

ቪዲዮ: ሰዓት ቆጣሪ እንዴት እንደሚሠራ
ቪዲዮ: Home made light Bulb በቤታችን ውስጥ ቀላል የሆነ የኤልክትሪክ መብራት ማዘጋጀት 2024, ህዳር
Anonim

አንድ የተወሰነ ክስተት እስኪከሰት ድረስ በብዙ ጣቢያዎች ላይ አንድ ሰዓት ቆጣሪ ሲቆጠር ማየት ይችላሉ ፡፡ ይህ የቅናሽዎቹ የመጨረሻ ጊዜ ወይም እስከ አዲሱ ዓመት ድረስ የሚቀረው ጊዜ ሊሆን ይችላል። እንደነዚህ ያሉት ቆጣሪዎች የገዢዎችን / የአቅራቢዎችን እንቅስቃሴ የሚያነቃቃ እንዲሁም ለጣቢያው ጥሩ በይነተገናኝ ዝርያዎችን የሚያነቃቃ ታላቅ የማስታወቂያ እንቅስቃሴ ናቸው ፡፡

ሰዓት ቆጣሪ እንዴት እንደሚሠራ
ሰዓት ቆጣሪ እንዴት እንደሚሠራ

አስፈላጊ

የቁጥር ቆጣሪ የጊዜ ሰሌዳ ፡፡

መመሪያዎች

ደረጃ 1

እንደዚህ አይነት ቆጣሪ በድር ጣቢያዎ ላይ ለማዘጋጀት በመጀመሪያ የመቁጠር ቆጣሪ ሰዓት ቆጠራን ያውርዱ። ከዚያ በውስጡ ሁለት ግቤቶችን ያዋቅሩ-የመቁጠር ቀን እና ይህ ቀን ሲመጣ የሚታየው ተጓዳኝ ጽሑፍ።

ደረጃ 2

የወረደውን መዝገብ ቤት ሲከፍቱ 2 ፋይሎችን ያገኛሉ-አንዱ ስክሪፕት countdown.js ይይዛል ፣ ሌላኛው ደግሞ ይህ ስክሪፕት የሚገናኝበት ገጽ ምሳሌ ነው - index.html. በመጀመሪያ ፋይሎቹን ከማህደሩ ያውጡ ፡፡

ደረጃ 3

የስክሪፕቱን ፋይል ለማርትዕ ማስታወሻ ደብተር ይጠቀሙ። የተገለጸውን ፋይል በማስታወሻ ደብተር ውስጥ ለመክፈት በቀኝ ጠቅ ያድርጉበት ፡፡ በሚታየው ምናሌ ውስጥ “ክፈት” የሚለውን ንጥል ይምረጡ ፣ ከዚያ “with - Notepad” ን ይምረጡ ፡፡

ደረጃ 4

የመጀመሪያውን መስመር በፋይሉ መጀመሪያ ላይ ያርትዑ: var eventstr = "መልካም አዲስ ዓመት!". ይህ ጽሑፍ በቆጠራው መጨረሻ ላይ ይታያል። ከመቁጠሪያው ቀን ጋር ያለው ሁለተኛው መስመር በፋይሉ መጨረሻ ላይ የሚገኝ ሲሆን ይህን ይመስላል-CountDowndmn (2011, 1, 1) ቅርጸት ዓመት ፣ ወር ፣ ቀን ውስጥ።

ደረጃ 5

ከተቆጠረበት ቀን ትንሽ ከፍ ብሎ በፋይሉ መጨረሻ ላይ የተቀመጠውን የስክሪፕት ቁርጥራጭ ያርትዑ ፤ countdownid.innerHTML = "+ dday +" "+ ddaystr +", "+ dhour +" "+ dhourstr +", "+ dmin + " + dminstr + "እና" + dsec + " + dsecstr.

ደረጃ 6

የተገኘውን ፋይል ያስቀምጡ እና የሰዓት ቆጣሪው በሚቀመጥበት ጣቢያዎ ገጽ የሚገኝበት ማውጫ ውስጥ ያስቀምጡት። በሌላ አገላለጽ የሰዓት ቆጣሪ ፋይል እና የስክሪፕት ፋይል በአንድ ማውጫ ውስጥ መሆን አለባቸው።

ደረጃ 7

በመቀጠልም ቆጣሪውን ለማስቀመጥ አመቺ በሆነ ቦታ በገጽዎ ኮድ ውስጥ 2 መስመሮችን ያስቀምጡ ፡፡

DIV "center" ID = "countdown">.

ደረጃ 8

የመጀመሪያው መስመር የሰዓት ቆጣሪውን ለማውጣት ትእዛዝ ይሰጣል ፡፡ ሁለተኛው የተፈጠረውን ስክሪፕት ለማገናኘት ነው ፡፡

ደረጃ 9

ሰዓት ቆጣሪዎ እየሰራ መሆኑን ያረጋግጡ ፡፡ ሁሉም ነገር በትክክል ከተሰራ ታዲያ በጣቢያዎ ገጽ ላይ ትክክለኛውን ቦታ መቁጠር ያያሉ።

የሚመከር: