我想用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;
}
我只想讓進度條移動當我點擊..但我寫的是不工作
代碼按鈕
您正在重置每個點擊「n」。 – hjpotter92 2014-11-02 09:14:13
我認爲他只想在計時器中增加它,點擊重置事物。 – Barmar 2014-11-02 09:16:02
@ hjpotter92所以我應該怎麼做才能讓它實際移動??我需要把n變量放在回調裏面 – lovemysql 2014-11-02 09:17:00