首页 JavaScript源码正文

仿新浪微博实时监测剩余字数

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>仿新浪微博实时监测剩余字数- www.xianstudy.com</title>
<script>
window.onload=function (){
    var oTxt=document.getElementById('txt');
    var oSpan=document.getElementById('span1');
    var n=100;
    
    oTxt.onfocus=function (){
        var low=0;
        setInterval(function (){
            low=n-oTxt.value.length;
            oSpan.innerHTML='还剩'+low+'字';
        }, 30);
    };
};
</script>
</head>

<body>
    <textarea id="txt" style="width:300px; height:200px;"></textarea>
    <span id="span1">还剩100字</span>
</body>
</html>


版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

评论