Евгений

let link = document.querySelector('.link');
link.addEventListener('mouseover', () => {
    let start = new Date();

    link.addEventListener('mouseout', () => {
        let end = new Date();
        console.log(end - start);
    });
});

предположим что все файлы лежат в dir1, а новые будем создавать в "имя фала/имя класса.html"

$class = 'text_text'; //какой класс ищем...

foreach (glob("dir1/*.html") as $filename) {
  $html = file_get_contents($filename);
  preg_match('<div class="'.$class.'">(.*)</div>', $html, $result);
  file_put_contents($filename.'/'.$class.'.html', $result[0]);
}

с регулярками у меня беда) но в теории код должен работать)) ну и хз как это по времени будет занимать.... более опытные ребята может подправят что-то...

Читал что слеш в конце надо было ставить в старых версиях html или xhtml, в html5 по спецификации слеши в конце ставить не нужно у одиночных тегов