小编pen*_*ops的帖子

如果我有这个HTML:

<li class="name">hi</li>
<li class="name">hello</li>
<li class="name">wheeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee!</li> 

这个CSS:

li.name{
    border: 1px solid #A38870;
    background-color: #FA682D;
    list-style: none;
    margin: 15px;
    padding: 5px;
}

背景像这样一直延伸到整个页面.

我怎样才能使背景调整到像文本的大小这个(没有明确设置宽度为每个列表元素)？

我要做的是制作滑出面板,但这里是我遇到的问题的简化示例.

myCount = document.getElementById("counter")
myCount.onclick = startCount;
count = 0;

function startCount() { 
    timer = setInterval("countToTen()", 200);   
}

function countToTen() {

    count++;
    myCount.innerHTML = count;

    if (count >= 10) {
        clearInterval(timer);
    }
}

如果单击一次,它的效果很好.如果你双击(并且我们不能相信用户只能在他们应该的时候点击),那么计数器将永远持续下去.我猜两个计时器已经制作完成,但是Firebug显示的计时器始终具有相同的ID.那么当setInterval被调用两次时,如何正确使用clearInterval？