如何解析一個JavaScript +隨機數字到.style.backgroundImage URL

嗨，我想得到你對這個例子的意見。 考慮到我作爲編碼的初學者。如何解析一個JavaScript +隨機數字到.style.backgroundImage URL

我想在URL GIF-File-Name後添加一個隨機數。

例：打開「intro_animation.gif」到「intro_animation.gif？V = 7463」在末尾的數字應該是隨機的每一個瀏覽器刷新時間，因此GIF動畫可以重新開始開始。

我已經看到了stackoverflow.com類似的例子很多，但我不知道如何把部分組合在一起

...

這裏是我的代碼，這顯然不工作。我希望它儘可能簡單。

<script> 
setTimeout(function() { 
    document.getElementById("intro").style.backgroundImage = "url('./anim/intro_animation.gif' + ?v= + (Math.random() * 1000);)"; 
}, 0); 
</script> 

<div id="intro" class="intro_animation_gif" style="background-image: url('./anim/intro_animation.gif');"> 
</div>

來源

2017-08-14 Pixelharvester

您好，歡迎StackOverflow上。請花一些時間閱讀幫助頁面https://stackoverflow.com/help/asking，特別是名爲「我可以問什麼問題？」的部分？ https://stackoverflow.com/help/on-topic，以及「我應該避免問什麼類型的問題？」。然後編輯你的問題，如果你想得到一些幫助。 – SherylHohman

有點偏離主題：你是否使用'setTimeout'，因爲你想以某種方式等待intro元素加載？如果是這種情況，您可以使用廣泛的方法在''之前放置腳本，以確保在腳本執行時加載所有元素。 – yuriy636

你不是太遙遠。確保在字符串的部分周圍放置雙引號，並用加號連接。

您可能還想舍入隨機數以確保它不包含小數。

樣品：

document.getElementById("intro").style.backgroundImage = 
    "url('./anim/intro_animation.gif?v=" + Math.round((Math.random() * 1000)) + "')";

來源

2017-08-14 21:25:29 ACJ

解決！謝謝ACJ！ – Pixelharvester

並且瀏覽器問題也解決了:-) – Pixelharvester

如何解析一個JavaScript +隨機數字到.style.backgroundImage URL

回答

相關問題