HTML 문서에서 애트리뷰트에 시간에 따른 애니메이션을 정의한다.
Script
[propVal =] containerObj .animationObj .propName ;
HTML
<t:ANIMATION propName ="propVal" >innerString </t:ANIMATION >
특기
t:ANIMATION 태그는 다른 메디어 내용으로 부터 이미지 파일을 비 선형적 애니메이션하는데 사용된다.
여러 종류의 메디어 애니메이션들이 있지만 현재로서는 기능적인 차잇점이 없다.
그러나 t:ANIMATION , t:AUDIO , t:IMG , t:MEDIA , t:REF 와 t:VIDEO 를 사용한 엘레멘트들에서 문서의 읽기가 개선되고 지원기능이 보완되었다.
접두어 t: 는 엘레멘트와 연관된 XML (E xtensible M arkup L anguage)의 이름자리(namespace )로 사용된다.
이 엘레멘트를 사용할 때는 html 태그에 XML 의 namespace 를 선언하여야 한다.
<HTML xmlns:t ="urn:schemas-microsoft-com:time">
다음 태그 정의 HTML time2 비헤이버를 import 를 사용하여 도입하여야 한다.
<IMPORT namespace="t" implementation="#default#time2">
관련 속성들은 window .onload 이벤트가 발생될 때까지는 스크립트를 통하여 접속할 수 없다.
문서가 완전히 로딩되어 페이지의 해당 엘레멘트에 관련된 비헤비어들이 모두 적용된 것을 확인할 때까지 기다려서 이벤트가 발생되면, 모든 비헤이버의 속성, 메서드, 이벤트들이 스트립트로 사용될 수 있다.
window .onload 이벤트 발생 전에 이들을 사용하는 것은 그 요소가 지원되지 않는다는 스크립트 오류를 발생시킨다.
이 엘레멘트는 표현되지 않는다.
이 엘레멘트는 종료태그를 필요로 한다.
참조
HTML+time
이 개체는 (영문 ) SMIL 2.0 (S ynchronized M ultimedia I ntegration L anguage)에 정의되었다.
animation 설명을 위한 예제
이동 개체
다시 시작
<import namespace="t" implementation="#default#time2">
<div id="divObj" style="position:absolute;top:700;left:50;width:100;height:30;border:solid black 1;text-align:center;">이동 개체</div>
<t:animate id="oObj" src="../../../media/bannerSample.asx" title="설명 예제" timeaction="display" targetelement="divObj" attributename="left" to="700" dur="9" begin="0" end="18" by="1" repeatcount="2" fill="hold" canpause="true" canseek="false" systembitrate="5000" systemcaptions="off" systemlanguage="ko" boundary="default">
<span id="Clock1"> </span> <button onclick=" oObj.beginElement();clock1()">다시 시작</button>
<script>
function clock1(){
Clock1.innerText=oObj.currTimeState.activeTime.toFixed(3);
setTimeout('clock1()',10);
}
</script>
</t:animate></import>
예제의 t:ANIMATE 엘레멘트는 div 개체를 이동시킨다.
abstract 속성
IE
⇒ 메디어 파일의 요약 정보을 반환한다.
문법: [sVal =] animationObj .abstract
코드: document.write(oObj.abstract);
결과: undefined
accelerate 속성
IE (
<t:ANIMATION accelerate ="iVal" > 애트리뷰트)
⇒ 개체의 시간의 가속에 적용되는 값을 반환하거나 지정한다.
문법: animationObj .accelerate [=sVal ]
코드: document.write(oObj.accelerate);
결과: undefined
author 속성
IE
⇒ 메디어 파일의 작성자 정보을 반환한다.
문법: [sVal =] animationObj .author
코드: document.write(oObj.author);
결과: undefined
autoReverse 속성
IE (
<t:ANIMATION autoReverse ="bVal" > 애트리뷰트)
⇒ 개체의 시간의 정방향 진행후 역방향 진행을 할 것인가를 반환하거나 지정한다.
문법: animationObj .autoReverse [=sVal ]
코드: document.write(oObj.autoReverse);
결과: undefined
begin 속성
IE (
<t:ANIMATION begin ="tVal" > 애트리뷰트)
⇒ 개체를 플레이하는데 시작되는 지연시간을 반환하거나 지정한다.
문법: animationObj .begin [=sVal ]
코드: document.write(oObj.begin);
결과: undefined
boundary 속성
IE (
<t:ANIMATION boundary ="sVal" > 애트리뷰트)
⇒
Microsoft DirectMusic 에서 언제 음악이 플레이될 것인가를 나타내는 문자열 반환하거나 지정한다.
문법: animationObj .boundary [=sVal ]
코드: document.write(oObj.boundary);
결과: undefined
bufferingProgress 속성
IE6
⇒ 현재 완성된 버퍼링(buffering) 백분율을 반환한다.
문법: [iVal =] animationObj .bufferingProgress
코드: document.write(oObj.bufferingProgress);
결과: undefined
canPause 속성
IE
⇒ 메디어 파일이 일시멈춤이 가능한가를 부울값으로 반환한다.
문법: [bVal =] animationObj .canPause
코드: document.write(oObj.canPause);
결과: undefined
canSeek 속성
IE
⇒ 메디어 파일이 메디어 지속시간동안 지정된 시간에 플레이할 수 있느가를 부울값으로 반환한다.
문법: [bVal =] animationObj .canSeek
코드: document.write(oObj.canSeek);
결과: undefined
clipBegin 속성
IE (
<t:ANIMATION clipBegin ="tVal" > 애트리뷰트)
⇒ 연속 메디어 파일에서 조각(clip)의 시작 싯점을 반환하거나 설정한다.
문법: [ tVal =] animationObj .clipBegin
코드: document.write(oObj.clipBegin);
결과: undefined
clipEnd 속성
IE (
<t:ANIMATION clipEnd ="tVal" > 애트리뷰트)
⇒ 연속 메디어 파일에서 조각(clip)의 종료 싯점을 반환하거나 설정한다.
문법: [ tVal =] animationObj .clipEnd
코드: document.write(oObj.clipEnd);
결과: undefined
copyright 속성
IE
⇒ 메디어 파일의 저작권 관련 정보을 반환한다.
문법: [sVal =] animationObj .copyright
코드: document.write(oObj.copyright);
결과: undefined
currentFrame 속성
IE
⇒ 개체의 현재 프레임을 나타내는 값을 반환한다.
문법: [iVal =] animationObj .currentFrame
코드: document.write(oObj.currentFrame);
결과: undefined
decelerate 속성
IE (
<t:ANIMATION decelerate ="sVal" > 애트리뷰트)
⇒ 개체의 단순 지속의 끝을 선언한 값을 반환하거나 지정한다.
문법: animationObj .decelerate [=sVal ]
코드: document.write(oObj.decelerate);
결과: undefined
downloadCurrent 속성
IE6
⇒ 스트리밍(streaming) 내용에서 현재 다운로드된 바이트(byte)수를 나타내는 값을 반환한다.
문법: [iVal =] animationObj .downloadCurrent
코드: document.write(oObj.downloadCurrent);
결과: undefined
downloadTotal 속성
IE6
⇒ 파일의 다운로드된 총 바이트(byte)수를 나타내는 값을 반환한다.
문법: [iVal =] animationObj .downloadTotal
코드: document.write(oObj.downloadTotal);
결과: undefined
dur 속성
IE (
<t:ANIMATION dur ="tVal" > 애트리뷰트)
⇒ 개체가 활성화되거나 디스플레이되는 지속 시간을 반환하거나 지정한다.
문법: animationObj .dur [= tVal ]
코드: document.write(oObj.dur);
결과: undefined
end 속성
IE (
<t:ANIMATION end ="tVal" > 애트리뷰트)
⇒ 개체가 반복하도록 설정되었을 때 종료까지나 단순 지속의 시간을 반환하거나 지정한다.
문법: animationObj .end [= tVal ]
코드: document.write(oObj.end);
결과: undefined
fill 속성
IE (
<t:ANIMATION fill ="sVal" > 애트리뷰트)
⇒ 모체 엘레멘트의 시간이 종료되기 전에 애니메이션 시간이 종료되면 취할 조치를 반환하거나 지정한다.
문법: animationObj .fill [=sVal ]
코드: document.write(oObj.fill);
결과: undefined
hasAudio 속성
IE
⇒ 메디어가 오디오를 포함하고 있는가를 부울값으로 반환한다.
문법: [bVal =] animationObj .hasAudio
코드: document.write(oObj.hasAudio);
결과: undefined
hasDownloadProgress 속성
IE6
⇒ 메디어 파일의 다운로드가 시작되었는가를 부울값으로 반환한다.
문법: [bVal =] animationObj .hasDownloadProgress
코드: document.write(oObj.hasDownloadProgress);
결과: undefined
hasMedia 속성
IE
⇒ 애니메이션이
HTML+time 메디어(media) 개체를 가지고 있는가를 반환한다.
문법: animationObj .hasMedia [= bVal ]
코드: document.write(oObj.hasMedia);
결과: undefined
hasVisual 속성
IE
⇒ 엘레멘트가 스크린상에 표시되는가를 부울값으로 반환한다.
문법: [bVal =] animationObj .hasVisual
코드: document.write(oObj.hasVisual);
결과: undefined
immediateEnd 속성
IE (
<t:ANIMATION immediateEnd ="bVal" > 애트리뷰트)
⇒
DirectMusic 부분을 즉시 종료할 것인가 혹은 변환(transition) 종료 전에 끝낼 것인가를 반환하거나 설정한다.
isStreamed 속성
IE6
⇒ 메디어 개체의 소스가 흐르는가(streamed)를 나타내는 부울값을 반환한다.
문법: [bVal =] animationObj .isStreamed
코드: document.write(oObj.isStreamed);
결과: undefined
latestMediaTime 속성
IE6
⇒ 메디어 개체가 플레이를 시작할 때까지의 시간을 나타내는 값을 반환한다.
문법: [ tVal =] animationObj .latestMediaTime
코드: document.write(oObj.latestMediaTime);
결과: undefined
longTransition 속성
IE (
<t:ANIMATION longTransition ="bVal" > 애트리뷰트)
⇒
DirectMusic 보다 길게 소개와 변환(transition)을 허용할 것이가의 부울값을 반환한다.
mediaDur 속성
IE
⇒ 엘레멘트의 메디어 파일 지속시간을 초단위로 반환한다.
문법: [tVal =] animationObj .mediaDur
코드: document.write(oObj.mediaDur);
결과: undefined
mediaHeight 속성
IE
⇒ 엘레멘트의 높이를 픽셀단위로 반환한다.
문법: [iVal =] animationObj .mediaHeight
코드: document.write(oObj.mediaHeight);
결과: undefined
mediaWidth 속성
IE
⇒ 엘레멘트의 너비를 픽셀단위로 반환한다.
문법: [iVal =] animationObj .mediaWidth
코드: document.write(oObj.mediaWidth);
결과: undefined
mimeType 속성
IE6
⇒ 개체의
MIME content-type 을 반환한다.
문법: [sVal =] animationObj .mimeType
코드: document.write(oObj.mimeType);
결과: undefined
modulate 속성
IE
⇒
DirectMusic 의 변환(transition)을 플레이하면서 키들간의 조정을 시도할 것인가를 부울값으로 반환하거나 설정한다.
motifName 속성
IE (
<t:ANIMATION motifName ="sVal" > 애트리뷰트)
⇒
DirectMusic 의
motif 플레이의 이름을 반환하거나 설정한다.
mute 속성
IE (
<t:ANIMATION mute ="bVal" > 애트리뷰트)
⇒ 오디오가 켜져 있는지 꺼져 있는지를 나타내는 부울값을 반환하거나 설정한다.
문법: animationObj .mute [= bVal ]
코드: document.write(oObj.mute);
결과: undefined
player 속성
IE (
<t:ANIMATION player ="idVal" > 애트리뷰트)
⇒ 엘레멘트와 관련된 메디어를 표현하는데 사용되는 개체를 반환하거나 설정한다.
문법: animationObj .player [= idVal ]
코드: document.write(oObj.player);
결과: undefined
playerObject 속성
IE
⇒ 메디어 파일을 플레이하는 개체을 반환한다.
문법: [oVal =] animationObj .playerObject
코드: document.write(oObj.playerObject);
결과: undefined
rating 속성
IE
⇒ 메디어 파일의 선호도 평가를 반환한다.
문법: [sVal =] animationObj .rating
코드: document.write(oObj.rating);
결과: undefined
repeatCount 속성
IE (
<t:ANIMATION repeatCount ="iVal" > 애트리뷰트)
⇒ 애니메이션의 반복 횟수를 목록을 반환하거나 설정한다.
문법: animationObj .repeatCount [=iVal ]
코드: document.write(oObj.repeatCount);
결과: undefined
repeatDur 속성
IE (
<t:ANIMATION repeatDur ="sVal" > 애트리뷰트)
⇒ 애니메이션의 반복의 시간을 초단위나 문자열로 반환하거나 설정한다.
문법: animationObj .repeatDur [=sVal ]
코드: document.write(oObj.repeatDur);
결과: undefined
restart 속성
IE (
<t:ANIMATION restart ="sVal" > 애트리뷰트)
⇒ 애니메이션이 어떤 상황에서 다시 시작할 것인가를 반환하거나 설정한다.
문법: animationObj .restart [=sVal ]
코드: document.write(oObj.restart);
결과: undefined
segmentType 속성
IE (
<t:ANIMATION segmentType ="sVal" > 애트리뷰트)
⇒
DirectMusic 세그멘트가 제어용, 일차적 혹은 부차적 세그멘트인가를 설정한다
speed 속성
IE (
<t:ANIMATION speed ="fVal" > 애트리뷰트)
⇒ 모체의 시간용기에 상대적으로 애니메이션의 플레이 속도를 부동소수점 수치로 반환하거나 설정한다.
문법: animationObj .speed [= fVal ]
코드: document.write(oObj.speed);
결과: undefined
src 속성
IE (
<t:ANIMATION src ="urlVal" > 애트리뷰트)
⇒ 메디어 파일의 주소(URL)를 반환하거나 지정한다.
문법: animationObj .src [= urlVal ]
코드: document.write(oObj.src);
결과: undefined
syncBehavior 속성
IE (
<t:ANIMATION syncBehavior ="sVal" > 애트리뷰트)
⇒ 엘레멘트 시간과 동기화할 것인가를 나타내는 문자열을 반환하거나 설정한다.
문법: animationObj .syncBehavior [=sVal ]
코드: document.write(oObj.syncBehavior);
결과: undefined
syncMaster 속성
IE (
<t:ANIMATION syncMaster ="sVal" > 애트리뷰트)
⇒ 엘레멘트 시간과 동기화하여 플레이하여야 하는가를 나타내는 부울값을 반환하거나 설정한다.
문법: animationObj .syncMaster [=sVal ]
코드: document.write(oObj.syncMaster);
결과: undefined
syncTolerance 속성
IE
⇒ 엘레멘트 시간과 동기화하여 플레이하는데 허용되는 수준을 초단위로 반환하거나 설정한다.
문법: animationObj .syncTolerance [=iVal ]
코드: document.write(oObj.syncTolerance);
결과: undefined
systemBitrate 속성
IE (
<t:ANIMATION systemBitrate ="speedVal" > 애트리뷰트)
⇒ 시스템의 대략적 밴드폭을
bps (bits-per-second) 단위로 반환한다.
문법: [sVal =] animationObj .systemBitrate
코드: document.write(oObj.systemBitrate);
결과: undefined
systemCaptions 속성
IE (
<t:ANIMATION systemCaptions ="sVal" > 애트리뷰트)
⇒ 디스플레이되는 텍스트가 플레이되는 오디오 부분에 해당하는가를 나타내는 값을 반환한다.
문법: [sVal =] animationObj .systemCaptions
코드: document.write(oObj.systemCaptions);
결과: undefined
systemLanguage 속성
IE (
<t:ANIMATION systemLanguage ="sVal" > 애트리뷰트)
⇒ 사용자가 시스템에 설정한 선호 언어를 반환한다.
문법: [sVal =] animationObj .systemLanguage
코드: document.write(oObj.systemLanguage);
결과: undefined
systemOverdubOrSubtitle 속성
IE (
<t:ANIMATION systemOverdubOrSubtitle ="sVal" > 애트리뷰트)
⇒ 개체를 플레이할 때 작은 제목들을 표현할 것인가를 반환한다.
문법: animationObj .systemOverdubOrSubtitle [=sVal ]
코드: document.write(oObj.systemOverdubOrSubtitle='overdub');
결과: overdub
timeAction 속성
IE (
<t:ANIMATION timeAction ="sVal" > 애트리뷰트)
⇒ 엘레멘트가 활성화되어 있는 동안 취할 활동을 반환하거나 설정한다.
문법: animationObj .timeAction [=sVal ]
코드: document.write(oObj.timeAction);
결과: undefined
timeContainer 속성
IE (
<t:ANIMATION timeContainer ="sVal" > 애트리뷰트)
⇒ 엘레멘트와 연관된 애니메이션의 종류를 반환하거나 설정한다.
문법: animationObj .timeContainer [=sVal ]
코드: document.write(oObj.timeContainer);
결과: undefined
timeParent 속성
IE
⇒ 현재의 엘레멘트를 포함하는 모체 시간 용기를 반환한다.
문법: animationObj .timeParent [=sVal ]
코드: document.write(oObj.timeParent);
결과: undefined
title 속성
IE
⇒ 메디어 파일의 제목을 반환한다.
문법: [sVal =] animationObj .title
코드: document.write(oObj.title);
결과: 설명 예제
transitionType 속성
IE (
<t:ANIMATION transitionType ="sVal" > 애트리뷰트)
⇒
DirectMusic 의 세그멘트 사이의 변환 형태를 반환하거나 설정한다.
type 속성
IE (
<t:ANIMATION type ="sVal" > 애트리뷰트)
⇒
src 애트리뷰트로 참조된 메디어 개체의
MIME type 을 반환하거나 설정한다.
문법: animationObj .type [=sVal ]
코드: document.write(oObj.type);
결과:
updateMode 속성
IE (
<t:ANIMATION updateMode ="sVal" > 애트리뷰트)
⇒ 개체가 어떻게 업데이트될 것인가를 나타내는 문자열을 반환하거나 설정한다.
문법: animationObj .updateMode [=sVal ]
코드: document.write(oObj.updateMode);
결과: undefined
volume 속성
IE (
<t:ANIMATION volume ="iVal" > 애트리뷰트)
⇒ 메디어 파일의 볼륨을 반환하거나 설정한다.
문법: animationObj .volume [=iVal ]
코드: document.write(oObj.volume);
결과: undefined
최종 수정: 04/03/2025 18:29:46 All right reserved 비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다. 오류가 나면 정상적 접속 으로 시도해 보세요. http://koxo.com/lang/js/object/tanimation.html