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:REFt:VIDEO를 사용한 엘레멘트들에서 문서의 읽기가 개선되고 지원기능이 보완되었다.

접두어 t:는 엘레멘트와 연관된 XML(Extensible Markup Language)의 이름자리(namespace)로 사용된다.
이 엘레멘트를 사용할 때는 html 태그에 XMLnamespace를 선언하여야 한다.

<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(Synchronized Multimedia Integration Language)에 정의되었다.


object
animation
animation
개체속성메서드이벤트
이전페이지로페이지 맨위로페이지 맨아래로

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">&nbsp;</span> &nbsp; <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 개체를 이동시킨다.


object
animation
animation
개체메서드이벤트견본
이전페이지로페이지 맨위로페이지 맨아래로
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"> 애트리뷰트)
DirectMusicmotif 플레이의 이름을 반환하거나 설정한다.
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

object
animation
animation
개체속성이벤트견본
이전페이지로페이지 맨위로페이지 맨아래로
메서드설명
activeTimeToParentTime 엘레멘트의 활성 시간값을 모체의 시간 포인터에 해당하는 값으로 변환한다.
activeTimeToSegmentTime 엘레멘트의 활성 시간값을 조각(segment) 시간 포인터에 해당하는 값으로 변환한다.
beginElement 엘레멘트의 시간을 시작한다.
beginElementAt 엘레멘트의 시간을 지정한 시간에 시작한다.
documentTimeToParentTime 문서의 시간을 엘레멘트 모체의 시간 포인터에 해당하는 값으로 변환한다.
endElement 엘레멘트의 시간을 종료한다.
endElementAt 엘레멘트의 시간을 지정한 시간에 종료한다.
parentTimeToActiveTime 모체의 시간을 엘레멘트 활성 포인터에 해당하는 값으로 변환한다.
parentTimeToDocumentTime 엘레멘트 모체의 시간을 문서의 시간 포인터에 해당하는 값으로 변환한다.
pauseElement 엘레멘트의 시간을 현 싯점에서 임시 중지한다.
resetElement 엘레멘트에 변경된 내용을 제거하고 원래의 상태로 환원한다.
resumeElement 일시 중시된 엘레멘트의 시간을 계속해서 다시 시작한다.
seekActiveTime 엘레멘트의 활성 시간을 지정된 시간에 맞추고 그 싯점부터 플레이 한다.
seekSegmentTime 엘레멘트의 조각(segment) 시간을 지정된 시간에 맞추고 그 싯점부터 플레이 한다.
seekTo 반복을 포함하여 엘레멘트의 조각 시간을 지정된 시간에 맞추고 그 싯점부터 플레이 한다.
seekToFrame 개체에 있는 프레임에 위치시킨다.
segmentTimeToActiveTime 엘레멘트 조각(segment)의 시간을 엘레멘트 활성시간 포인터에 해당하는 값으로 변환한다.
segmentTimeToSimpleTime 엘레멘트 조각(segment)의 시간을 엘레멘트 단순시간 포인터에 해당하는 값으로 변환한다.
simpleTimeToSegmentTime 엘레멘트 조각의 단순시간을 엘레멘트 조각의 시간 포인터에 해당하는 값으로 변환한다.

object
animation
animation
개체속성메서드견본
이전페이지로페이지 맨위로페이지 맨아래로
이벤트설명
onbegin 엘레멘트에서 시간이 시작되면 발생한다.
onend 엘레멘트에서 시간이 중지되면 발생한다.
onmediacomplete 엘레멘트와 연관된 메디어의 로딩을 완료했을 때 발생된다.
onmediaerror 엘레멘트의 메디어 파일에서 오류가 있으면 발생된다.
onoutofsync 엘레멘트가 연관된 시간과의 동기성을 상실했을 때 발생된다.
onpause 엘레멘트에서 시간이 임시멈추면 발생한다.
onrepeat 엘레멘트에서 한 루프의 시간이 완료되고 다시 시작되면 발생한다.
onreset 엘레멘트에서 begin 속성값에 도달하거나 개체에서 resetElement 메서드를 호출하면 발생한다.
onresume 엘레멘트에서 임시중지한 시간이 다시 시작되면 발생한다.
onreverse 엘레멘트에서 시간이 역방향으로 시작되면 발생한다.
onseek 엘레멘트에서 검출(seek) 작업이 일어나면 언제나 발생한다.
onsyncrestored 엘레멘트와 관련 시간과 사이의 동기화가 회복되면 발생된다.
object
animation
개체속성메서드이벤트견본
이전페이지로페이지 맨위로
최종 수정:
04/03/2025 18:29:46
KoXo Homepage
All right reserved
비정상적인 방식으로 프레임없이 페이지에 접속하면 자주 오류가 발생됩니다.
오류가 나면 정상적 접속으로 시도해 보세요.
http://koxo.com/lang/js/object/tanimation.html