diff --git a/src/tictactoe/Board.tsx b/src/tictactoe/Board.tsx index 6f26b4e..b6bb2e1 100644 --- a/src/tictactoe/Board.tsx +++ b/src/tictactoe/Board.tsx @@ -50,9 +50,12 @@ export default function Board({ const [haiku, setHaiku] = useState(getHaiku()); const [haikuIndex, setHaikuIndex] = useState(0); + const nextLineIn = 3600; + const allLinesStay = 2400; + const allLinesFade = 1200; useEffect(() => { - const totalTime = 3 * 2400 + 6000 + 2400; + const totalTime = haiku.length * nextLineIn + allLinesStay + allLinesFade; const timer = setTimeout(() => { const next = getHaiku(); @@ -200,11 +203,11 @@ export default function Board({ {haiku.map((line, i) => (