<p>字数限制在30字内，<span>您还可以输入<b>30</b> 字</span></p>

    <textarea cols="50" rows="7" id="text"></textarea>

    <script type="text/javascript">

        var otxt = document.querySelector("textarea");

        var op = document.querySelector("p");

        var ospan = document.querySelector("p span");

        var ob = document.querySelector("p b");

        var otxtLength = 0;

        var max = 30;

        var n = 0;

        otxt.onkeyup = function () {

            otxtLength = otxt.value.length;

            n = max - otxtLength;

            if (n < 0) {

                ospan.innerText = "已超出" + (otxtLength - max) + "字";

            } else {

                ospan.innerText = "您还可以输入" + n + "字";

            }

        }

    </script>