已解決430363個問題，去搜搜看，總會有你想問的

如何使用 javascript 在 3 秒的時間間隔后更改 css 屬性？

首頁猿問如何使用 javascript 在...

如何使用 javascript 在 3 秒的時間間隔后更改 css 屬性？

Html5

慕蓋茨4494581 2023-10-17 19:53:43

這是我一直在使用的 JavaScript 代碼。我不斷收到錯誤 ''' cannot set property 'animationplaystate' of undefined. ''' ''' window.setTimeout(function time(){ var run=document.getElementsByClassName('logo'); run.style.animationplaystate='paused'; }, 3000); '''下面是元素的樣式'''.logo{color: rgb(0, 158, 150);float:right;padding-right:0px;font-weight: 600;padding-top:5px;margin-right: 20px;font-size: 2em;padding-left: 30px;animation-name:logo;animation-duration: 1.5s;animation-play-state: running; }'''

查看完整描述

3 回答

Smart貓小萌

TA貢獻1911條經驗獲得超7個贊

據我所知：

DOM 尚未準備好讓瀏覽器 API 告訴 JavaScript 更多信息。Window setTimeout 在 DOM 準備好之前（window.onload 之前）執行。

您面臨著這個 pb：?Javascript document.getElementsByClassName 返回未定義

我的答案是包裝在window.load（或document.ready）中：

window.addEventListener("load",?function()?
{
????//?code?here
});

也考慮準備好文件。?window.onload 與 $(document).ready()

反對回復 2023-10-17

慕的地8271018

TA貢獻1796條經驗獲得超4個贊

run.style['animation-play-state'] = 'paused';

反對回復 2023-10-17

胡說叔叔

TA貢獻1804條經驗獲得超8個贊

getElementsByClassNameDocument 接口的方法返回具有array-like object所有給定類名的所有子元素

所以技術上getElementsByClassName總是返回一個數組
您需要使用數組索引來訪問元素
而且樣式屬性animationPlayState
在代碼中是駝峰式大小寫，全部都是小寫字母

試試這個代碼

run[0].style.animationPlayState?=?'paused'

要純粹使用 CSS 啟動動畫和停止動畫，您可以嘗試

.logo {

? animation-play-state: paused;?

}

.logo:hover {

? animation-play-state: running;

}

所以，對于你的情況，你甚至不需要 javascript

反對回復 2023-10-17

3 回答
0 關注
139 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使用 javascript 在 3 秒的時間間隔后更改 css 屬性？

如何使用 javascript 在 3 秒的時間間隔后更改 css 屬性？

3 回答

添加回答

如何使用 javascript 在 3 秒的時間間隔后更改 css 屬性？

如何使用 javascript 在 3 秒的時間間隔后更改 css 屬性？