CSS3の方法と点滅する方法はあったが、反転で点滅する方法が無かったので作成。
<html><head><style>p{font-size:8ex;font-weight:bold;}</style><script>functionblink(){obj=document.getElementsByTagName("body");obj2=document.getElementsByTagName("p");obj[0].style.backgroundColor="#FF0000";obj2[0].style.color="#FFFF00";obj2[1].style.color="#FFFF00";setTimeout("blink2()",1000);}functionblink2(){obj=document.getElementsByTagName("body");obj2=document.getElementsByTagName("p");obj[0].style.backgroundColor="#FFFF00";obj2[0].style.color="#FF0000";obj2[1].style.color="#FF0000";setTimeout("blink()",1000);}</script></head><bodyonload="blink()"><p>予定より作業が押しています。</p><p>今しばらくお待ちください。</p></body><html>
ネタ元
CSS/javascriptで文字列・背景色を点滅する | いなかんSE
https://ameblo.jp/sirokuma-takano/entry-11540390191.html