0

我被困住了，JavaScript 新手。
在 HTML 中，我可以获得一个循环来显示来自数组的连续消息。我试图让消息淡入而不是突然出现。我可以使用下面的代码分别完成这两种效果，但我似乎无法将它们结合起来并使其工作。感谢任何评论/帮助。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css"> 
        #messaging{ 
            font-size: 35pt; 
        } 
    </style> 
    <script type ="text/javascript" >
        var phrases = ["message1",
            "message2",
            "message3",
            "message4"];
        var msgCycleRate = 3000;
        var text;
        function get( id0 ) {
            return document.getElementById( id0 );
        }
        function cycleMsgs( id1 ) { 
            if ('undefined' === typeof id1){
                id1 = -1;
            } 
            id1 = (id1 + 1)% phrases.length; 
            start(text = get( 'messaging' ).innerHTML = phrases[id1]); //line 37 here
            setTimeout( 'cycleMsgs(' + id1 + ');', msgCycleRate); 
        }
        function doMsgs() { 
           setTimeout( 'cycleMsgs();', 0); 
        }
        var opacity = 0.0;
        var alpha= 0;

        function start(textM) {
            textM.style.filter="alpha(opacity = " + alpha +")";
            textM.style.opacity=opacity;
            setTimeout("fadeIn(textM)",50);
        }

        function fadeIn(textM) {
            opacity= opacity +0.1;
            alpha=parseInt(opacity*100);
            textM.style.opacity=opacity;
            textM.style.filter="alpha(opacity = " + alpha +")";
            if (opacity < 1.0) {
                setTimeout("fadeIn(textM)",50);
            }
        }
        if(window.addEventListener) {
            window.addEventListener('load', doMsgs, false); // non-IE
        }
        else { 
            window.attachEvent('onload', doMsgs); // IE 
        }
    </script>
</head>
<body> 
   <p id ="messaging">/p>
</body>

我运行代码并得到：

SCRIPT5007：无法设置未定义或空引用的属性“过滤器”，第 37 行字符 17

我在这里没有看到什么？再次感谢。

4

1 回答 1

0

您将 HTML 传递给start函数，而不是messagingDOM 元素本身。如果拆分第 37 行，问题会变得更加清晰：

get( 'messaging' ).innerHTML = phrases[id1];
text = get( 'messaging' ).innerHTML;
start(text);

您可以通过将 DOM 元素传递给来解决此问题start：

start(get('messaging'));
于 2013-09-27T16:04:23.550 回答