JavaScript ෙක් දේශනා වෙබ් අඩවිය

දැන් අපි විභාග පූර්වකථනයක් සපයන වෙබ් අඩවියක් සාදන්නෙමු. මෙම වෙබ් අඩවියේ බොත්තමක් තබා ගන්න, එය ඔබොත්තම ක්ලික් කළ විට ක්රියාත්මක වන ටයිමරයක් සක්‍රීය කරන්න, එය සෑම 0.1 තත්පරයකට වරක් යම්කිසි div එකකට 1 සිට යම් උපරිම අගයක් දක්වා අහඹු අංකයක් ප්‍රදර්ශනය කරයි.

div එකට යටින් තවත් බොත්තමක් තබා ගන්න, එය ක්ලික් කිරීමෙන් අපගේ වෙබ් අඩවියේ පරිශීලකයාට ටයිමරය නවතා දී ඇති div එකේ යම් අංකයක් ස්ථාවර කළ හැකිය. මෙම අංකය විභාග පූර්වකථන අංකය වේ. ඊට පසුව පරිශීලකයාට මෙම අංකය සහිත විභාග පූර්වකථනය පෙන්වන්න, සහ අනවශ්‍ය බොත්තම් සියල්ල තිරයෙන් ඉවත් කරන්න, එවිට පරිශීලකයාට තවත් විභාග පූර්වකථනයක් ලබා ගත නොහැකිය. එනම් වෙබ් අඩවියට එක් වරක් පිවිසීමකට - එක් විභාග පූර්වකථනයක්.

ලබා ගත යුතු දේට නිදර්ශනය මෙන්න:

ගැටළුව විසඳීමේදී ඔබට භාවිතා කළ හැකි HTML වින්‍යාසය මෙන්න:

<div id="parent">
	<div id="timer">?</div>
	<div id="text"></div>
	<button id="start" class="active">ඔබගේ ඉරණම දැන ගන්න</button>
	<button id="stop">විභාග පූර්වකථනය ලබා ගන්න</button>
</div>

#parent {
	text-align: center;
}
#parent > * {
	margin-bottom: 10px;
}

#timer {
	font-size: 18px;
}
#text {
	font-size: 17px;
	font-style: italic;
}

button {
	padding: 5px 10px;
	font-size: 15px;
	cursor: pointer;
}
button:not(.active) {
	display: none;
}

විභාග පූර්වකථන සුරැකීම සඳහා වඩාත් පහසු ක්‍රමය සලකා බලන්න.

විස්තර කර ඇති වෙබ් අඩවිය ක්‍රියාත්මක කරන්න.

විභාග පූර්වකථන වර්ග දෙකක් ලෙස සකස් කරන්න: හොඳ සහ නරක. නරක විභාග පූර්වකථන රතු පැහැයෙන් සහ හොඳ විභාග පූර්වකථන - කොළ පැහැයෙන් පෙන්වන ආකාරයට සකස් කරන්න.