JSFiddle - React, Tailwind, and code Playground

by Yigang Fang

HTML

<button id='btn'>Speak</button>

JavaScript

var btn = document.getElementById('btn');
speechSynthesis.cancel()
var u = new SpeechSynthesisUtterance();
u.text = 'Take a look at your roles.';

var  t;
u.onstart = function (event) {
    t = event.timeStamp;
    console.log(t);
};

u.onend = function (event) {
    t = event.timeStamp-t;
    console.log(event.timeStamp);
    alert((t/1000) +' seconds');
};

btn.onclick = function () {speechSynthesis.speak(u);};