https://www.fiace.jp/assets/js/index/index.js?220608

1const mvSlider = document.querySelector('.swiper-container');
2const slideLength = mvSlider.querySelectorAll('.swiper-slide').length;
3const mvVideoPc = document.querySelector('.keyvisualVideoPc');
4const mvVideoSp = document.querySelector('.keyvisualVideoSp');
5const mediaQueryList = window.matchMedia("(max-width:738px)");
6let mySwiper, currentSlide = 1;
7const responsiveVideo = (event) => {
8	mvVideoPc.pause();
9	mvVideoSp.pause();
10	mvVideoPc.currentTime = 0;
11	mvVideoSp.currentTime = 0;
12	mvVideoSp.removeEventListener('timeupdate', startAutoplayOverVideoPlay);
13	mvVideoPc.removeEventListener('timeupdate', startAutoplayOverVideoPlay);
14	if( currentSlide == 2 ){
15		stopAutoplay();
16		if ( mediaQueryList.matches ) {
17			mvVideoSp.addEventListener('timeupdate', startAutoplayOverVideoPlay);
18			//mvVideoSp.addEventListener('ended', startAutoplay);
19			mvVideoSp.play();
20		} else {
21			mvVideoPc.addEventListener('timeupdate', startAutoplayOverVideoPlay);
22			//mvVideoPc.addEventListener('ended', startAutoplay);
23			mvVideoPc.play();
24		}
25	}else {
26		startAutoplay();
27	}
28};
29
30function startAutoplayOverVideoPlay(event) {
31	const delay = .4;
32	const video = event.currentTarget;
33	const currentTime = video.currentTime;
34	const fullTime = video.duration;
35	if( currentTime > fullTime - delay ){
36		video.removeEventListener('timeupdate', startAutoplayOverVideoPlay);
37		mySwiper.slideNext();
38		startAutoplay();
39	}
40}
41
42function startAutoplay() {
43	mySwiper.params.autoplay.delay = 8000;
44	mySwiper.autoplay.start();
45}
46
47function stopAutoplay(event) {
48	mySwiper.autoplay.stop();
49}
50
51mySwiper = new Swiper('.swiper-container', {
52  initialSlide : 1,//ビデオがあるスライドが先頭（ループの継ぎ目）に来ると、ループするときの処理が厄介なので、2番目を先頭（動画あり）にする
53  effect: 'fade',
54  speed: 800,
55  loop: true,
56//   autoplay: {
57// 	  delay: 8000,
58//   },
59  pagination: {
60    el: '.swiper-pagination',
61	clickable: true,
62  },
63  allowTouchMove: false,
64  breakpoints: {
65	739: {
66		allowTouchMove: true
67	}
68  },
69  on: {
70	init: function(){
71		mediaQueryList.addEventListener("change", responsiveVideo);
72	},
73    transitionStart: function(){
74		mySwiper = this;
75		currentSlide = this.activeIndex;
76		responsiveVideo();
77    },
78    transitionEnd: function(){
79		
80    },
81  }
82});
83
84
85$('.section-fadeIn').each(function(){
86	var elm = this;
87	var inview = new Waypoint.Inview({
88	  element: elm,
89	  enter: function(direction) {
90		this.element.classList.add('sectionFadeIn');
91	  },
92	})
93});
94
95var secTextOnShow1 = function(e){
96	e.stopPropagation();
97	var elm = e.currentTarget;
98	elm.classList.remove('active1');
99	elm.querySelector('.sec__text-block-inner').classList.add('active');
100	elm.classList.add('active2');
101	elm.removeEventListener('transitionend',secTextOnShow1);
102	elm.addEventListener('transitionend',secTextOnShow2);
103}
104
105var secTextOnShow2 = function(e){
106	var elm = e.currentTarget;
107	elm.removeEventListener('transitionend',secTextOnShow2);
108}
109
110$('.sec__text-block').each(function(){
111	var elm = this;
112	var inview = new Waypoint.Inview({
113	  element: elm,
114	  enter: function(direction) {
115		var elm = this.element;
116		elm.addEventListener('transitionend',secTextOnShow1);
117		elm.classList.add('active1');
118	  },
119	})
120});
121
122let isInitFixedBanner = false;
123
124function initFixedBanner () {
125    if(isInitFixedBanner){
126        return false;
127    }
128    isInitFixedBanner = true;
129    const banner = document.querySelector('.fixed-banner');
130    const closeButton = document.querySelector('.fixed-banner__close-button');
131    const img = document.querySelector('.fixed-banner__img');
132    closeButton.addEventListener('click',function(){
133        banner.classList.add('hidden');
134		banner.addEventListener('transitionend',function(event){
135			$(event.target).hide();			
136		});
137    },false);
138    banner.classList.remove('hidden'); 
139}
140
141//window.addEventListener('load', initFixedBanner ,false);
142
143
144$(function(){
145    $('.tabs .contents').each(function(){
146        var $conts = $(this);
147        if($conts.hasClass('tab1')){
148			$conts.addClass('initialized');
149            $conts.find('dt:nth-of-type(n+4), dd:nth-of-type(n+4)').addClass('hide');
150            $conts.find('.more').on('click',function(){
151				if(  $conts.find('dt.hide').length > 0){
152					$conts.find('dt.hide').slice(0,3).removeClass('hide');
153					$conts.find('dd.hide').slice(0,3).removeClass('hide');
154				}else {
155					$conts.attr('disabled', true);
156				}
157                return false;          
158            });
159			/*
160        var news_show_year = (function(){
161				var dt = new Date();
162				var y = dt.getFullYear();
163				var m = dt.getMonth()+1;
164				if ((m >= 4 ) && ( m <= 12)) return y; else return y-1;
165			})();
166			
167        $conts.find('.list .entry .date').each(function(){
168				var year = parseInt($(this).text().slice(0,4));

169				var month = parseInt($(this).text().slice(5,7));
170				console.log( year + ' ; ' + news_show_year );
171				console.log( year < news_show_year - 1 );
172                if( year < news_show_year - 1 || ( year == news_show_year - 1 && month < 4 ) ){
173					$(this).parents('.entry').removeClass('hide').hide();
174				}
175            });
176			*/
177
178        }
179    });
180});
181
182
183