コンテンツエリア



メインコンテンツ

  • 7/24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 8/1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
'; scheduleTabArea += ''; $("div#scheduleTabArea").append(scheduleTabArea); } // 当日の試合をアクティブ var today = new Date(); // today.setHours(today.getHours() - 5); var format_today = getStringFromDate(today); var array_date = ['0724', '0725', '0726', '0727', '0728', '0729', '0730', '0731', '0801', '0802', '0803', '0804', '0805', '0806', '0807', '0808', '0809', '0810', '0811']; var offset = 0; var wd = 40; if (array_date.includes(format_today)) { $(".eventDate" + format_today).addClass("currentSchedule"); $(".eventDate" + format_today + "Area").addClass("is-showSchedule"); $(".eventDate" + format_today + "Area").attr('id', 'active'); offset = array_date.indexOf(format_today); } else if (Number(format_today) > 0811) { $(".eventDate0811").addClass("currentSchedule"); $(".eventDate0811Area").addClass("is-showSchedule"); $(".eventDate0811Area").attr('id', 'active'); offset = array_date.indexOf('0811'); } else { $(".eventDate0724").addClass("currentSchedule"); $(".eventDate0724Area").addClass("is-showSchedule"); $(".eventDate0724Area").attr('id', 'active'); offset = 0; } // 日付スライダーのスクロール $("#scheduleTab").animate({ scrollLeft: offset * wd }, 'swing'); // onclick var scroll = offset * wd; $('.prev').click(function () { if (scroll <= 0) { scroll = wd * 3; } $("#scheduleTab").animate({ scrollLeft: scroll -= wd * 3 }, 'swing'); console.log(scroll); }); $('.next').click(function () { if (scroll >= wd * 15) { scroll = wd * 12; } $("#scheduleTab").animate({ scrollLeft: scroll += wd * 3 }, 'swing'); console.log(scroll); }); }); }); //日付から文字列に変換する関数 function getStringFromDate(today) { var year_str = today.getFullYear(); //月だけ+1すること var month_str = 1 + today.getMonth(); var day_str = today.getDate(); var hour_str = today.getHours(); var minute_str = today.getMinutes(); var second_str = today.getSeconds(); month_str = ('0' + month_str).slice(-2); day_str = ('0' + day_str).slice(-2); hour_str = ('0' + hour_str).slice(-2); minute_str = ('0' + minute_str).slice(-2); second_str = ('0' + second_str).slice(-2); format_str = 'MMDD'; //format_str = 'YYYY-MM-DD hh:mm:ss'; //format_str = 'YYYY/MM/DD'; format_str = format_str.replace(/YYYY/g, year_str); format_str = format_str.replace(/MM/g, month_str); format_str = format_str.replace(/DD/g, day_str); format_str = format_str.replace(/hh/g, hour_str); format_str = format_str.replace(/mm/g, minute_str); format_str = format_str.replace(/ss/g, second_str); return format_str; }; //タブ切り替え document.addEventListener('DOMContentLoaded', function(){ // タブに対してクリックイベントを適用 const tabs = document.getElementsByClassName('TabBtnSchedule'); for(let i = 0; i < tabs.length; i++) { tabs[i].addEventListener('click', tabSwitch); } // タブをクリックすると実行する関数 function tabSwitch(){ // タブのclassの値を変更 document.getElementsByClassName('currentSchedule')[0].classList.remove('currentSchedule'); this.classList.add('currentSchedule'); // コンテンツのclassの値を変更 document.getElementsByClassName('is-showSchedule')[0].classList.remove('is-showSchedule'); const arrayTabs = Array.prototype.slice.call(tabs); const index = arrayTabs.indexOf(this); document.getElementsByClassName('panelSchedule')[index].classList.add('is-showSchedule'); }; }); //ドラックでスクロール function mousedragscrollable(element) { let target; // 動かす対象 $(element).each(function (i, e) { $(e).mousedown(function (event) { event.preventDefault(); target = $(e); // 動かす対象 $(e).data({ "down": true, "move": false, "x": event.clientX, "y": event.clientY, "scrollleft": $(e).scrollLeft(), "scrolltop": $(e).scrollTop(), }); return false }); // move後のlink無効 $(e).click(function (event) { if ($(e).data("move")) { return false } }); }); // list要素内/外でのevent $(document).mousemove(function (event) { if ($(target).data("down")) { event.preventDefault(); let move_x = $(target).data("x") - event.clientX; let move_y = $(target).data("y") - event.clientY; if (move_x !== 0 || move_y !== 0) { $(target).data("move", true); } else { return; }; $(target).scrollLeft($(target).data("scrollleft") + move_x); $(target).scrollTop($(target).data("scrolltop") + move_y); return false } }).mouseup(function (event) { $(target).data("down", false); return false; }); } mousedragscrollable("#scheduleTab"); mousedragscrollable(".homegame"); var homeLocalNowTime = new Date().toLocaleTimeString("fr-FR", { timeZone: 'Europe/Paris',hour: "2-digit",minute: "2-digit"}); var homeLocalNowContents = document.getElementById('homeLocalTimeArea'); homeLocalNowContents.innerHTML = "

パリの時刻

" + homeLocalNowTime + "

";


SCHEDULE

競技 2024年7月8月
24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 8 9 10 11
開会式、閉会式                 
競泳    
飛び込み 
アーティスティックスイミング        
水球
オープンウォーター          
アーチェリー          
陸上      
バドミントン         
バスケットボール   
バスケットボール3人制       
ボクシング     
ブレイキン             
カヌー・スラローム      
カヌー・スプリント           
自転車・BMXフリースタイル              
自転車・BMXレーシング             
自転車・マウンテンバイク              
自転車・ロード            
自転車・トラック       
馬術        
フェンシング          
サッカー     
ゴルフ       
体操          
新体操           
競技 2024年7月8月
24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 8 9 10 11
トランポリン                  
ハンドボール 
ホッケー     
柔道           
近代五種               
ローイング           
ラグビー7人制             
セーリング       
射撃       
スケートボード               
スポーツクライミング             
サーフィン               
卓球    
テコンドー               
テニス          
トライアスロン                
ビーチバレーボール    
バレーボール   
ウエイトリフティング              
レスリング            

※日付は現地時間。■は予選、はメダル確定日


北京五輪2022

【フィギュア】坂本花織「最高の地で最高のパフォー…
【フィギュア】坂本花織「最高の地で最高のパフォー… [記事へ]




右カラム





FEATURES







\n'; adUnit36 += '
\n'; // html出力 $('#adUnit36').append(adUnit36); var adUnit36s = document.createElement("script"); adUnit36s.innerHTML = "googletag.cmd.push(function() { googletag.display('" + pcAdUnitId[35] + "'); });"; var adUnit36ele = document.getElementById(pcAdUnitId[35]); adUnit36ele.appendChild(adUnit36s); } }