How to track total time spent in view?

Im trying to track which sections of a dynamic page are most viewed. I've been able to track when an element enters/exits the view, but unsure how to track the total time a component is in view?

Specifically, where should I store the enter/exit timestamps? And how to handle the case where an element comes into view right after it exits, but possibly before the previous callback is run?