CSS/javascriptで文字列・背景色を反転で点滅する #JavaScript

CSS3の方法と点滅する方法はあったが、反転で点滅する方法が無かったので作成。

<html>
<head>
<style>
p {
    font-size: 8ex;
    font-weight: bold;
}
</style>
<script>
    function blink() {
        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);
    }
    function blink2() {
        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>
<body onload="blink()">
<p>予定より作業が押しています。</p>
<p>今しばらくお待ちください。</p>
</body>
<html>

ネタ元
CSS/javascriptで文字列・背景色を点滅する | いなかんSE
https://ameblo.jp/sirokuma-takano/entry-11540390191.html