文本特效-倒三角输出

<div class="sum" id="sum0" style="width: 500px; height: 300px; background: #aaa;
    font-size: 16px; text-align: center;">
    <strong>导语:</strong><span id="hImg1">这个是设计稿上的要做成这样子,好好学习，天这个是设计稿上的要做成这样子,好好学习，

天这个是设计稿上的要做成这样子,好好学习，天这个是设计稿上的要做成这样子,好好学习，天天向上psz</span>……<a href="#"
        target="_blank">[详细]</a>
</div>
<script type="text/javascript">
    var getEle = document.getElementById("hImg1");
    function daoSanJiao(ptext,pbef,paft,prow) {
        var divtext = ptext.replace(/(^\s*)|(\s*$)/g, '');
        var len = b =( divtext.length+pbef+paft) / prow;
        var str = "";
        var a = 0;
        for (var i = 0; i < prow; i++) {
            len += 2 * (1 - i);
            if (i == 0) {
                len -= pbef;
                str += divtext.substr(a, len) + "<br/>";
            }
            else if (i == prow-1) {
                len -= paft;
                str += divtext.substr(a, len);
            }
           else {
                str += divtext.substr(a, len) + "<br/>";
            }
            a += len;
            len = b;
        }
        return str;
    }
    getEle.innerHTML = daoSanJiao(getEle.innerHTML,3,6,5);
</script>