Adobe Muse තුළ Countdown Timer එකක් එකතු කරන්නේ කෙසේද

වෙබ් පිටුවක ඉතිරි කාලය පෙන්වන Countdown Timer එකක් තිබීම, සිදුවීමක්, විශේෂ වට්ටමක්, ලියාපදිංචි වීමක් හෝ නව නිෂ්පාදනයක් නිකුත් කිරීමක් පිළිබඳ අවධානය වැඩි කරයි. Adobe Muse භාවිත කරන ආරම්භකයන්ට මෙය සංකීර්ණ JavaScript ව්‍යාපෘතියක් ලෙස පෙනුණත්, නිවැරදි HTML කේතයක් සමඟ එය පහසුවෙන් එකතු කළ හැක.

Adobe Muse තුළ ස්වභාවික Countdown Widget එකක් නොමැති නිසා, HTML Embed පහසුකම භාවිත කිරීම ප්‍රායෝගික ක්‍රමයයි. එමඟින් පිටුවේ අවශ්‍ය ස්ථානයට දින, පැය, මිනිත්තු සහ තත්පර ගණනය කරන කුඩා වැඩසටහනක් ඇතුළත් කළ හැක.

මෙම ක්‍රමය භාවිත කිරීමට වෙබ් සංවර්ධන පිළිබඳ ගැඹුරු දැනුමක් අවශ්‍ය නොවේ. කේතයේ අවසන් දිනය, වර්ණ, අකුරු ප්‍රමාණය සහ පෙළ වෙනස් කරමින් ඔබේ වෙබ් අඩවියේ සැලසුමට ගැළපෙන පෙනුමක් සකස් කළ හැක.

Adobe Muse හි තවත් නිර්මාණාත්මක සහ තාක්ෂණික ක්‍රම ඉගෙන ගැනීමට ප්‍රායෝගික නිබන්ධන පරිශීලනය කිරීමද ප්‍රයෝජනවත් වේ. එවැනි දැනුම මඟින් සරල පිටුවක් ක්‍රියාකාරී ප්‍රචාරණ පිටුවක් බවට පත් කළ හැක.

ගණන් කිරීමේ මෙවලමක් අවශ්‍ය වන අවස්ථා

වට්ටම් අවසන් වීමට ඇති කාලය, වෙබ් සම්මන්ත්‍රණයක් ආරම්භ වන වේලාව, තරගයක අවසන් දිනය හෝ නව සේවාවක් නිකුත් කරන දිනය පෙන්වීමට Countdown Timer එකක් සුදුසුය. එය නරඹන්නාට අවසන් කාලසීමාව පැහැදිලිව පෙන්වන නිසා ක්‍රියා කිරීමට ඇති උනන්දුව වැඩි කරයි.

කෙසේ වෙතත්, කාල ගණනය යථාර්ථයට ගැළපීම වැදගත්ය. අවසන් දිනය පසු වූ විටද පැරණි වට්ටමක් පෙන්වීම විශ්වාසය අඩු කළ හැකි බැවින්, කාලය අවසන් වූ පසු පෙන්විය යුතු පණිවිඩයක්ද කේතයට ඇතුළත් කරන්න.

HTML Embed ප්‍රදේශය සකස් කිරීම

Adobe Muse ව්‍යාපෘතිය විවෘත කර, Countdown Timer එක පෙන්වීමට අවශ්‍ය පිටුව තෝරන්න. ඉන්පසු ඉහළ මෙනුවෙන් Object වෙත ගොස් Insert HTML තෝරන්න. දිස්වන කවුළුවට පහත කේතය ඇතුළත් කළ හැක.

<div id="timer" style="font: bold 26px Arial; color:#ffffff; background:#202b45; padding:18px; text-align:center;">
  කාලය ගණනය වෙමින් පවතී
</div>

<script>
var අවසන්_වේලාව = new Date("December 31, 2026 23:59:59").getTime();

setInterval(function () {
  var දැන් = new Date().getTime();
  var ඉතිරි = අවසන්_වේලාව - දැන්;

  if (ඉතිරි <= 0) {
    document.getElementById("timer").innerHTML = "කාලය අවසන් වී ඇත";
    return;
  }

  var දින = Math.floor(ඉතිරි / (1000 * 60 * 60 * 24));
  var පැය = Math.floor((ඉතිරි % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var මිනිත්තු = Math.floor((ඉතිරි % (1000 * 60 * 60)) / (1000 * 60));
  var තත්පර = Math.floor((ඉතිරි % (1000 * 60)) / 1000);

  document.getElementById("timer").innerHTML =
    දින + " දින " + පැය + " පැය " + මිනිත්තු + " මිනිත්තු " + තත්පර + " තත්පර";
}, 1000);
</script>

අවසන් දිනය සහ වේලාව වෙනස් කිරීම

කේතයේ December 31, 2026 23:59:59 යන කොටස ඔබේ සැබෑ අවසන් දිනය සහ වේලාවට වෙනස් කරන්න. දිනය නිවැරදි ආකෘතියෙන් ලිවීම වැදගත් වන අතර, පරිශීලකයාගේ පරිගණකයේ වේලා කලාපය අනුව සුළු වෙනසක් ඇති විය හැකි බව මතක තබාගන්න.

දේශීය ප්‍රචාරණයක් සඳහා ශ්‍රී ලංකා වේලාව භාවිත කිරීමට අවසන් වේලාව පැහැදිලිව සඳහන් කරන්න. ජාත්‍යන්තර පිරිසක් ඉලක්ක කරන්නේ නම්, පිටුවේම “ශ්‍රී ලංකා වේලාව” හෝ “යූටීසී වේලාව” යන සටහන දක්වන්න.

පෙනුම සහ වර්ණ ගැළපීම

color මඟින් අකුරු වර්ණයත්, background මඟින් පසුබිම් වර්ණයත් වෙනස් කළ හැක. ඔබේ Adobe Muse පිටුවේ ප්‍රධාන වර්ණයට ගැළපෙන වර්ණ තෝරන්න. අඳුරු පසුබිමක් මත පැහැදිලි අකුරු භාවිත කිරීම කියවීම පහසු කරයි.

font-size අගය වැඩි කිරීමෙන් ජංගම දුරකථනයකද කාලය පැහැදිලිව පෙන්විය හැක. එහෙත් අකුරු අධික ලෙස විශාල කළහොත් කුඩා තිරවල පේළි කැඩිය හැකි බැවින්, Muse හි Responsive Width සහ Responsive Height සැකසුම් පරීක්ෂා කරන්න.

ප්‍රචාරණ පිටු සඳහා භාවිතය

Countdown Timer එකක් විශේෂ වට්ටම්, උත්සව ප්‍රචාරණ සහ නව සේවා නිකුතු සඳහා හොඳින් ක්‍රියා කරයි. උදාහරණයක් ලෙස, විනෝදාස්වාද හෝ සූදු ආශ්‍රිත තොරතුරු පිටුවක ප්‍රවර්ධන කාලසීමාව පෙන්වීමට ආරම්භක මාර්ගෝපදේශය වැනි තොරතුරු සබැඳියක් සමඟ කාල ගණකයක් තැබිය හැක.

Timer එකට යටින් ක්‍රියා කිරීමට අවශ්‍ය බොත්තමක්, ලියාපදිංචි වීමේ පෝරමයක් හෝ විස්තර පිටුවකට සබැඳියක් තබන්න. කාලය පමණක් පෙන්වා නරඹන්නාට ඊළඟ පියවරක් නොදීමෙන් එහි ප්‍රයෝජනය සීමා විය හැක.

පරීක්ෂා කිරීම සහ දෝෂ හඳුනා ගැනීම

Muse හි Preview in Browser භාවිත කර Countdown Timer එක පරීක්ෂා කරන්න. කාලය තත්පරෙන් තත්පරයට අඩුවේද, අවසන් වූ විට නිවැරදි පණිවිඩය පෙන්වන්නේද සහ පිටුව නැවත පූරණය කළත් නිවැරදි දිනය පෙන්වන්නේද බලන්න.

කේතය නොපෙන්වන්නේ නම් script ටැග්, උපුටා දැක්වීම් සහ id="timer" යන නාමය නිවැරදිද පරීක්ෂා කරන්න. අන්තර්ජාලයට නිකුත් කිරීමට පෙර පරිගණකයක්, ටැබ්ලට් එකක් සහ ජංගම දුරකථනයක් මත පෙනුම පරීක්ෂා කිරීමද අත්‍යවශ්‍යය.

ආරක්ෂිත කේත සහ ගොනු භාවිතය

බාහිර Countdown Widget එකක් බාගත කරන විට එහි මූලාශ්‍රය විශ්වාසදායකද බලන්න. “Crack” හෝ “Serial Number” ලෙස නම් කළ නොමිලේ ගොනු බොහෝවිට අනිෂ්ට මෘදුකාංග රැගෙන එන බැවින්, එවැනි අවදානම් බාගැනීමක් භාවිත නොකරන්න.

Adobe Muse සහ අදාළ නිර්මාණ මෙවලම් ලබාගැනීමට නිල මූලාශ්‍ර හෝ විශ්වාසදායක මෘදුකාංග බාගැනීම් පිටු තෝරන්න. බාහිර JavaScript එකක් භාවිත කරන්නේ නම්, එය අමුත්තන්ගේ දත්ත එකතු කරනවාද සහ පිටුවේ වේගයට බලපානවාද යන්නද පරීක්ෂා කරන්න.

මෙම ක්‍රමය අනුගමනය කර Adobe Muse පිටුවට ඔබේම Countdown Timer එක එක් කරන්න. අවසන් දිනය, වර්ණ සහ පණිවිඩය වෙනස් කර සජීවී ව්‍යාපෘතියක පරීක්ෂා කර, සාර්ථක සැලසුම් අත්දැකීම ප්‍රජාව සමඟ බෙදාගන්න.