2017-12-15 17 views
-2

を進化HTML/CSSでの乱数こんにちは私はShopifyを使用していると私は誰かがこの店 https://www.pancake-malin.com/ http://www.screencast.com/t/cjB8LQLdnは各5秒

に何をしたかreplicakeたい基本的にはそれぞれの進化発生した乱数で生成します5秒

私は非常に初心者です。 私のテーマ(ページテンプレート)を通じて、献辞付きの行がHTMLでコーディングされていますので、私の場合はこのURLにhttps://www.tresor-ethnique.com/collections/apache/products/collier-tribal-plumes と書いてあります:プラス14のコマンドがあります!私はちょうど今

私はそのためのHTMLコードを挿入する必要がある場合、または私は「編集コード」でHTML + CSSを挿入する必要がある場合、私は知らないために、静的な数を持っているもちろん

誰でも私に知らせることができますか?

ありがとうございました!

+0

私はあなたが、あなたのサイトに表示されているだけのHTML/CSSでの乱数を生成することはできませんほぼ確実です。 DOMを操作することは、JavaScriptが最も優れていることです。次に例を示します:https://www.freecodecamp.org/challenges/generate-random-whole-numbers-with-javascript –

+0

HTMLは実際の言語ではなく、マークアップです(変数、関数などはありません) CSSと同じですが、変数を生成することはできず、関数もありません。あなたはJavascriptを探しています:) –

答えて

0

<p> 
 
    Random number between 1 and 10: <span id="update">1</span> 
 
</p> 
 

 
<script> 
 
    var element = document.getElementById('update'); 
 
    setInterval(function(){ 
 
    element.innerHTML = Math.floor((Math.random()*10)+1); 
 
    }, 5000); 
 
</script>

+0

巨大な感謝、私は私のニーズに適応することができ、それは統合と完全に働いた 私の個人的な文化のために、このJavascriptですか? ありがとうございます:D – Pascal

+0

可能な場合は、私は1つのボーナスの質問があります。だから私は8から22までランダムに設定しました。新しい番号を古い番号-3と古い番号+ 3の間にあり、まだ8と22の間に制限するように新しい番号を設定することは可能でしょうか?私はちょうど数字があまりにも激しく進化することを望んでいません。私はこれが難しいかもしれないことを知っています、私に教えてください、ありがとう – Pascal