试图制作一个定时文本

时间:2014-01-25 19:36:06

标签: javascript

所以我尝试使用javascript来显示定时文本。

以下代码我正在使用

    <body>
    <script type="text/javascript">

    (function toggle_visibility(id) {
setTimeout (var e = document.getElementById(id);
if(e.style.display == 'none')
e.style.display = 'block';
else
e.style.display = 'none';
,1000);
</script>
<a onclick="test('foo');"><b><u>Click to view</b></u></a><div id="foo"      style=display:none;>TEXT</div>

此脚本无效,但我该如何使其正常工作?

1 个答案:

答案 0 :(得分:0)

问题:

  1. 函数名称为toggle_visibility而非test
  2. 您的功能中存在语法错误
  3. 甚至HTML都有问题
  4. JavaScript

    function toggle_visibility(id) {
        setTimeout(function () {
            var element = document.getElementById(id);
            if (element.style.display == 'none') {
                element.style.display = 'block';
            } else {
                element.style.display = 'none'
            };
        }, 1000);
    };
    

    HTML

    <a onclick="toggle_visibility('foo');" href="#"><b><u>Click to view</u></b></a>
    <div id="foo" style=display:none;>TEXT</div>
    

    Demo