###前提・実現したいこと
JQueryで、時間ごとに背景画像を変更するという実装を行っています。
###該当のソースコード
JavaScript
1 getTime = (new Date()).getHours(); 2 if(getTime >= 6 && getTime < 16){ 3 backImg = "images/img-background.jpg"; 4 } else if(getTime >= 16 && getTime < 6){ 5 backImg = "images/img-background02.jpg"; 6 } 7 $("#content-articles").css("background-image","url("+ backImg +")");
###発生している問題・エラーメッセージ
getHoursで時間を取っていて、if文で分岐、backImgという変数に背景画像を入れているのですが、
最後の一文の
$("#content-articles").css("background-image","url("+ backImg +")");
ここのurlの後のbackImgがこれだと反映されるのですが、
$("#content-articles").css("background-image","url(backImg)");
これだと、backImgが変数として扱われないのです。
それがなぜなのかが分かりません。
色々調べてみて、文字列リテラルとか出てきたのですが、いまいち理解できませんでした。詳しく教えていただきたいです。
宜しくお願い致します。
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。