<html>
<body>
<script>
// reçoit une info en AJAX. Affiche le message puis deux secondes après
// enlève un caractère toutes les 20ms
let str = "le texte à réduire";
let len = str.length;
function start(){
document.getElementById("a").innerText = str;
len = str.length;
setTimeout(reduire, 2000);
return false;
}
function reduire(){
if(len-1 > -1){
len--;
document.getElementById("a").innerText = str.substr(0, len);
setTimeout(reduire, 20);
}
}
</script>
<a href="#" onclick="return start();">tester</a>
<span id="a"></span>
</body>
</html>
tester