1"use strict";(self.webpackChunkgsap_docs=self.webpackChunkgsap_docs||[]).push([[15778],{6288:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>d,contentTitle:()=>o,default:()=>c,frontMatter:()=>a,metadata:()=>s,toc:()=>l});const s=JSON.parse('{"id":"tween/methods/startTime","title":"startTime","description":"Returns : \\\\[Number | self\\\\]","source":"@site/docs/tween/methods/startTime.mdx","sourceDirName":"tween/methods","slug":"/GSAP/Tween/startTime()","permalink":"/docs/v3/GSAP/Tween/startTime()","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"id":"startTime","slug":"/GSAP/Tween/startTime()","hide_title":true,"sidebar_label":".startTime()","sidebar_custom_props":{"summary":"<p>Gets or sets the time at which the animation begins on its parent timeline (after any delay that was defined).</p>","title":"startTime","propSummary":"( value:Number ) : [Number | self]","params":[{"name":"value","data":": Number","description":"<p>(default = <code>NaN</code>) - Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.</p>"}]}},"sidebar":"docs","previous":{"title":".seek()","permalink":"/docs/v3/GSAP/Tween/seek()"},"next":{"title":".targets()","permalink":"/docs/v3/GSAP/Tween/targets()"}}');var n=r(74848),i=r(28453);const a={id:"startTime",slug:"/GSAP/Tween/startTime()",hide_title:!0,sidebar_label:".startTime()",sidebar_custom_props:{summary:"<p>Gets or sets the time at which the animation begins on its parent timeline (after any delay that was defined).</p>",title:"startTime",propSummary:"( value:Number ) : [Number | self]",params:[{name:"value",data:": Number",description:"<p>(default = <code>NaN</code>) - Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining.</p>"}]}},o=void 0,d={},l=[{value:"Returns : [Number | self]",id:"returns--number--self",level:3},{value:"Details",id:"details",level:3}];function m(e){const t={code:"code",h3:"h3",p:"p",pre:"pre",...(0,i.R)(),...e.components},{PropDetails:r}=t;return r||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("PropDetails",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(r,{items:a.sidebar_custom_props}),"\n",(0,n.jsx)(t.h3,{id:"returns--number--self",children:"Returns : [Number | self]"}),"\n",(0,n.jsx)(t.p,{children:"Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining."}),"\n",(0,n.jsx)(t.h3,{id:"details",children:"Details"}),"\n",(0,n.jsxs)(t.p,{children:["Gets or sets the time at which the animation begins on its parent timeline (after any ",(0,n.jsx)(t.code,{children:"delay"})," that was defined). For example, if a tween starts at exactly 3 seconds into the timeline on which it is placed, the tween's ",(0,n.jsx)(t.code,{children:"startTime"})," would be 3."]}),"\n",(0,n.jsxs)(t.p,{children:["The ",(0,n.jsx)(t.code,{children:"startTime"})," may be automatically adjusted to make the timing appear seamless if the parent timeline's ",(0,n.jsx)(t.code,{children:"smoothChildTiming"})," property is ",(0,n.jsx)(t.code,{children:"true"})," and a timing-dependent change is made on-the-fly, like ",(0,n.jsx)(t.code,{children:"reverse()"})," is called or ",(0,n.jsx)(t.code,{children:"timeScale()"})," is changed, etc. See the documentation for the ",(0,n.jsx)(t.code,{children:"smoothChildTiming"})," property of timelines for more details."]}),"\n",(0,n.jsx)(t.p,{children:"This method serves as both a getter and setter. Omitting the parameter returns the current value (getter), whereas defining the parameter sets the value (setter) and returns the instance itself for easier chaining."}),"\n",(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-js",children:"//gets current start time\nvar start = myAnimation.startTime();\n\n//sets the start time\nmyAnimation.startTime(2);\n"})})]})}function c(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(m,{...e})}):m(e)}},28453:(e,t,r)=>{r.d(t,{R:()=>a,x:()=>o});var s=r(96540);const n={},i=s.createContext(n);function a(e){const t=s.useContext(i);return s.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(n):e.components||n:a(e.components),s.createElement(i.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.