JavaScriptを使用して昼と時間を太字にする方法

私は自分のウェブサイトに時間を投稿しようとしています。私はJavaScriptと自動的に大胆にする必要があります。月曜日に大胆になって火曜日に大胆になるようにいくつかのjavascriptを設定することは可能ですか？毎日のJavaScriptを使用して昼と時間を太字にする方法

<div id="monday">Monday: 12:00-2:00</div> 
<div id="tuesday">Tuesday: 11:00-3:00</div>

など：ここ

はコードです。ユーザーが月曜日にサイトにアクセスすると、monday divがそこにあるすべてのものを大胆にしたいと考えています。ユーザーが火曜日にサイトにアクセスすると、火曜日のdiv全体を太字にします。

おかげ

出典

2011-01-28 golf_nut

詳細を記入してください。何ページ？ページのコードを投稿してください – Jason

あなたはもっと詳しく説明しなければなりません。「月曜日」、「火曜日」などの単語をテキストの文字列で太字にしますか？ –

申し訳ありませんが、iveさんが私に尋ねる気にならない場合は –

をいくつかの詳細を持って[OK]を

）正規表現が参考になります（ページ全体または選出された要素をscaning、datatimeパターンを探し、それを再フォーマットし、ページに戻りますこれは：

例：http://jsfiddle.net/c5bHx/

<!DOCTYPE html> 
<html> 
    <head><title>title</title></head> 
    <body> 

     <!-- your content --> 

      <!-- place this just inside your closing </body> tag --> 
     <script type="text/javascript> 
      var days = 'sunday,monday,tuesday,wednesday,thursday,friday,saturday'.split(','); 
      document.getElementById(days[(new Date()).getDay()]).className = 'bold'; 
     </script> 
    </body> 
</html>

CSS

.bold { 
    font-weight:bold; 
}

EDIT：

ここで何が起こっているかの内訳です。私はそれをはるかに冗長にし、コードをさまざまな変数に展開して見やすくします。

// This simply creates a string of days in the week 
var days = 'sunday,monday,tuesday,wednesday,thursday,friday,saturday'; 

    // This splits the string on the commas, turning it into an Array of weekdays 
days = days.split(','); 

    // Create a new Date object, representing today's date and time 
var date = new Date(); 

    // Get the number of the day of the week. 0 if sunday, 1 if monday, etc... 
var dayNumber = date.getDay(); 

    // Using the "dayNumber", get the day string by its index from the "days" array 
var dayString = days[ dayNumber ]; 

    // Select the element on the page that has the ID that matches the "dayString" 
var dayElement = document.getElementById(dayString); 

    // Set the "class" property of the "dayElement" to the "bold" class. 
dayElement.className = "bold";

日の文字列を配列に変換する必要はありません。入力するのに少し短く素早く。

あなたは行うことができます：

var days = ['sunday','monday','tuesday','wednesday','thursday','friday','saturday'];

これは、配列を作成しますので、あなたは.split()を行う必要がありません。

出典

2011-01-28 03:25:27 user113716

を追加しました。コードが閉じるタグの近くに配置されていると、なぜ機能するのですか？私が頭の中で、または身体の始めにそれを試したとき、それは仕事をしなかった。また、これが何を意味するのかを説明してください：（days [（new Date（））。getDay（）]）.className。ありがとう –

@ golf_nut：私はそれが底にある理由は、 'getElementById（）'が要素を選択していることです。要素が選択できる前に存在しなければならないので、コードが*平日の要素の前*に置かれていると、何も見つかりません。これを達成する他の方法もありますが、下部に配置するのは非常に良い方法です。私はコードの詳細な説明で私の答えに追加します。 – user113716

あなたは曜日と時刻が日/時間（あるいは全体日時）の周りに関連するかタグの大胆ちょうど噴出ようにしたい場合のdocument.writeとJavaScriptで、またはJavaScriptの要素を操作しますjQueryで、例えば。日時間？

出典

2011-01-28 03:10:45 evandrix

あなたの時間テキストの周りに任意のタグを置くことができれば、JSを書式作成に関与させる必要はありません - あなたはタグを置くようなスクリプトからformatingすることができますが、詳細の）私たちは同じように....

 
var x = document.getElementByID('monday').innerHTML; 
document.getElementByID('monday').innerHTML = '<B>' + x + '</B>';

出典

2011-01-28 03:22:14 bensiu

JavaScriptを使用して昼と時間を太字にする方法

答えて

関連する問題