Guest User

Untitled

a guest
May 24th, 2014
23
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.94 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>ads demo</title>
  4.         <script laguage="javascript">
  5.             <!--
  6.  
  7.  
  8.            //要素を表示にする関数
  9.            function show (element) {
  10.                element.style.display = "";
  11.            }
  12.  
  13.            //広告要素のIDを探して指定した時間だったら表示する関数
  14.            //<div id="ads"> .... </div>のような要素が対象
  15.            //start~endの時間は表示する
  16.            //100-perの確率で表示されない
  17.            //ShowAds(0, 4, 40) -> 0~4時の間表示 ただし60%の確率で表示されない
  18.            function ShowAds(start, end, per){
  19.  
  20.                var ads_elements = document.getElementsByClassName("ads");
  21.                var date = new Date();
  22.                var hour = date.getHours();
  23.  
  24.                //66%の確率で表示
  25.                if( 100*Math.random() <= per ){
  26.                    //startからend時の間は表示
  27.                    if( hour >= start && hour <= end){
  28.                        for (var i =0, len = ads_elements.length; i < len; i++){
  29.                            show(ads_elements[i]);
  30.                        }
  31.                    }
  32.                }
  33.            }
  34.  
  35.            //メイン関数
  36.            function Main(){
  37.                var date = new Date();
  38.                var week_no = date.getDay();
  39.                var week_array = new Array("日","月","火","水","木","金","土");
  40.                var week = week_array[week_no];
  41.  
  42.                //指定した時間の間は広告を表示する
  43.                //範囲は0~23
  44.                //break;を消すと処理がおかしくなるので注意
  45.                switch (week){
  46.                  //日曜日は0~23時の間 表示 ただし50%(100-50)の確率で表示されない
  47.                  case "日": ShowAds(0, 23, 50); break;
  48.                  case "月": ShowAds(0, 4,  70); break;
  49.                  case "火": ShowAds(0, 4,  100); break;
  50.                  case "水": ShowAds(0, 4,  100); break;
  51.                  case "木": ShowAds(0, 4,  100); break;
  52.                  case "金": ShowAds(0, 4,  100); break;
  53.                  case "土": ShowAds(0, 4,  50); break;
  54.                }
  55.            }
  56.  
  57.            //ページが読み込まれた後に実行する処理
  58.            if( window.addEventListener ){
  59.                window.addEventListener( 'load', Main, false );
  60.            }
  61.            else if( window.attachEvent ){
  62.                window.attachEvent( 'onload', Main );
  63.            }
  64.            else{
  65.                window.onload = Main;
  66.            }
  67.            -->
  68.         </script>
  69.  
  70.     </head>
  71.     <body>
  72.       <div class="ads" style="display:none;">
  73.           <p> 広告1(デフォルトは非表示) </p>
  74.       </div>
  75.       <div class="ads" style="display:none;">
  76.           <p> 広告2(デフォルトは非表示) </p>
  77.       </div>
  78.     </body>
  79. </html>
Advertisement
Add Comment
Please, Sign In to add comment