我想用Javascript移動一個div元素。我已經使用setInterval函數並增加了值。我的代碼是：用javascript移動一個元素

<html> 
<head> 
<link rel="stylesheet" href="styles.css" type="text/css"> 
</head> 
<button id="something"> click me </button> 
<body> 
<div id="insidename"><div> 
<script> 
var m = document.getElementById('something'); 
m.onclick = function() { 
    var n = 0; 
    window.setInterval(function() { 
     var w = n++; 
     document.getElementById('insidename').style.width = w; 
    }, 2000); 
} 
</script> 
</body> 
</html>

我styles.css的

#insidename { 

    border: 2px solid #a1a1a1; 
    padding: 10px; 
    background: #dddddd; 
    width: 15px; 
}

我只想讓進度條移動當我點擊..但我寫的是不工作

代碼按鈕

來源

2014-11-02 lovemysql

您正在重置每個點擊「n」。 – hjpotter92 2014-11-02 09:14:13

我認爲他只想在計時器中增加它，點擊重置事物。 – Barmar 2014-11-02 09:16:02

@ hjpotter92所以我應該怎麼做才能讓它實際移動??我需要把n變量放在回調裏面 – lovemysql 2014-11-02 09:17:00

width樣式最後需要單位，如px。所以它應該是：

document.getElementById('insidename').style.width = w+"px";

來源

2014-11-02 09:16:56 Barmar

這裏元素開始移動其實..但它只移動一個輕微的我只想移動 – lovemysql 2014-11-02 09:21:27

您每2秒只運行一次該功能，並且只在寬度上添加1個像素。更頻繁地運行它並增加數量，並且它會更快。 – Barmar 2014-11-02 09:23:23

y got bro bro .. .. y y y many many many many many many y y y y y y y y y y y .. – lovemysql 2014-11-02 09:24:22

用javascript移動一個元素

我styles.css的

回答

相關問題