A mellékelt példa megnyitása előtt szükséges egy HTMLPlusTIME04 nevű virtuális könyvtár létrehozása, mely a példa könyvtárára mutat. Ehhez futtassa le a mellékelt CreateVD.js parancsállományt.
A SET objektum arra szolgál, hogy az attribútumában megadott webes kontrol valamely tulajdonságát időzítve módosítsa a megadott értékre, a szükséges idő alatt. A művelet után, de még az időintervallumon belül a kontrol tulajdonsága az eredeti értékre vissza is áll.
A SET objektumot a többi HTML + TIME objektumhoz hasonlóan úgy használhatjuk, hogy az attribútumainak értéket adunk. A legfontosabb attribútumokat (property-ket) a következő táblázat tartalmazza:
| Attribútumok |
Megjegyzés |
| attributeName |
Tartalmazza a manipulálandó kontrol nevét. |
| autoReverse |
Megadható, hogy a művelet végén a folyamat játszódjon-e le visszafelé is, fordított sorrendben. Alapértelmezett értéke FALSE, vagyis igény esetén ezt külön meg kell adni. |
| Begin |
Azt kell megadnunk az attribútumban, hogy a folyamat a lap betöltődése után hány másodperces késéssel induljon el. Itt megadhatunk egy egész számot is, de jelezhetjük a kezdés pontos idejét is a hh:mm:ss formátumban megadott időinformációval. |
| Dur |
A folyamat hossza adható meg egy egész szám formájában, amely másodperces egységet jelent. |
| End |
A művelet végét megadó egész szám vagy konkrét időpont. |
| To |
Az attribútumban megadott tulajdonság értéke, amelyre változik az eredeti értékről. |
| targetElement |
Egy karakterlánc formájában tartalmazza a manipulálandó kontrol nevét. |
A SET elem azonos metódusokkal rendelkezik, mint a sorozat korábbi részeiben megismert kontrolok, így azokat most nem ecseteljük.
A WebForm1.aspx lapon elhelyeztünk egy sárga hátterű DIV kontrolt, melynek szélességét változtatjuk meg a SET kontrol segítségével.
<DIV ID="myDiv" STYLE="...">Méretezendő DIV...</DIV>
A SET kontrol deklarációja a következő:
<t:SET id="mySet" attributeName="Width" begin="2" to="300" dur="5" targetElement="myDiv" />
A művelet két másodperces késleltetéssel indul, majd 5 másodperc alatt lezajlik. A DIV kontrol szélességét 300 pixel méretűre változtatja, majd visszaállítja az eredeti 158 pixeles méretre.
A weblapon elhelyeztünk egy számlálót is, mely tulajdonképpen nem más, mint egy TIME viselkedéssel felruházott szöveges kontrol. A CLASS attribútumban adhatjuk meg azt az osztálynevet, melyet a lap fejlécében deklaráltunk.
<span id="Timer" class="time" dur=".01" repeatCount="indefinite" fill="hold" onrepeat="innerText='Számláló: ' + parseInt(document.body.currTimeState.activeTime) + ' másodperc';" style="FONT-WEIGHT: bold; Z-INDEX: 102; LEFT: 213px; POSITION: absolute; TOP: 82px">
Számláló: 0 másodperc
</span>
A DUR attribútumban adtuk meg a számlálás intervallumát, vagyis a másodperces egységet. Az ONREPEAT esemény kezelésekor állítjuk be a szöveget a megfelelő értékre. A pillanatnyi időt a document.body.currTimeState.activeTime sorral kérdezzük le másodpercenként.