JSFiddle - React, Tailwind, and code Playground

by geekambassador

HTML

<script src="http://www.greensock.com/js/src/TweenMax.min.js"></script>

CSS

.box{
    position:absolute;
    width:0px;
    height:10px;
    overflow:hidden;
}

JavaScript

var mainTl = new TimelineLite();
var nestedTL = new TimelineLite();

var obj = {value:0};

var nestedTween = TweenLite.to(obj, 1, {value:10});

//add tween 2 seconds into nested
nestedTL.insert(nestedTween, 2);

//add nestedTl 4 seconds into mainTl
mainTl.insert(nestedTL, 4);

console.log(nestedTween.startTime()); //startTime of nested inside of nestedTl //2 
console.log(nestedTween.timeline.startTime()); //startTime of nestedTL inside of mainTl //4
console.log("start time of nestedTween relative to mainTl = " + (nestedTween.startTime() + nestedTween.timeline.startTime()))// 6