https://www.tohoyk.co.jp/wp-content/themes/lightning-child/assets/js/numbers-script.js

1if(document.URL.match(/local-medical-care/)){
2$(function() {	
3	$('.is-target').one('inview', function(event, isInView) {
4		if (isInView) {
5			$(this).addClass('is-animate');
6		} else {
7			$(this).removeClass('is-animate');
8		}
9	});
10});
11}
12
13if(document.URL.match(/number-of-toho/)){
14
15
16$(function() {
17
18	// カスタムフィールドを設定してるinput要素を取得
19	const numData = document.querySelectorAll('[data-num]');
20	const dateData = document.querySelectorAll('[data-date]');
21
22	$('.is-target').one('inview', function(event, isInView) {
23		if (isInView) {
24			$(this).addClass('is-animate');
25		} else {
26			$(this).removeClass('is-animate');
27		}
28	});
29
30	$('.is-target1').one('inview', function(event, isInView) {
31		if (isInView) {
32			$(this).addClass('is-animate1');
33		} else {
34			$(this).removeClass('is-animate1');
35		}
36	});
37
38	$('.numbers-item1.item1').one('inview', function(event, isInView) {
39		this.querySelector('.note1').textContent = dateData[0].dataset.date;
40		if (isInView) {
41
42			setTimeout(function (event) {
43
44					$('.is-animate1 span[id="summary_num_1"]').numerator({
45						easing: 'linear', // アニメーションの動き
46						duration: 2000, // アニメーションの時間
47						toValue: numData[0].dataset.num, // どこまでカウントアップするか
48						delimiter: ',', // ３桁ごとに区切る値
49						rounding: 0 // 小数点以下の桁数
50					});
51
52			}, 1000, event);
53		}
54	});
55
56	$('.numbers-item1.item2').one('inview', function(event, isInView) {
57		if (isInView) {
58			setTimeout(function (event) {
59
60					$('.is-animate1 span[id="summary_num_2"]').numerator({
61						easing: 'linear', // アニメーションの動き
62						duration: 2000, // アニメーションの時間
63						toValue: numData[1].dataset.num, // どこまでカウントアップするか
64						delimiter: ',', // ３桁ごとに区切る値
65						rounding: 0 // 小数点以下の桁数
66					});
67
68			}, 1000, event);
69		}
70	});
71
72	$('.numbers-item1.item3').one('inview', function(event, isInView) {
73		if (isInView) {
74			setTimeout(function (event) {
75
76					$('.is-animate1 span[id="summary_num_3"]').numerator({
77						easing: 'linear', // アニメーションの動き
78						duration: 2000, // アニメーションの時間
79						toValue: numData[2].dataset.num, // どこまでカウントアップするか
80						delimiter: ',', // ３桁ごとに区切る値
81						rounding: 0 // 小数点以下の桁数
82					});
83
84			}, 1000, event);
85		}
86	});
87
88	$('.numbers-item1.item4').one('inview', function(event, isInView) {
89		this.querySelector('.note1').textContent = dateData[1].dataset.date;
90		if (isInView) {
91			setTimeout(function (event) {
92
93					$('.is-animate1 span[id="summary_num_4"]').numerator({
94						easing: 'linear', // アニメーションの動き
95						duration: 2000, // アニメーションの時間
96						toValue: numData[3].dataset.num, // どこまでカウントアップするか
97						delimiter: ',', // ３桁ごとに区切る値
98						rounding: 0 // 小数点以下の桁数
99					});
100
101			}, 1000, event);
102		}
103	});
104
105	$('.numbers-item1.item5').one('inview', function(event, isInView) {
106		if (isInView) {
107			setTimeout(function (event) {
108
109					$('.is-animate1 span[id="summary_num_5"]').numerator({
110						easing: 'linear', // アニメーションの動き
111						duration: 1000, // アニメーションの時間
112						toValue: numData[4].dataset.num, // どこまでカウントアップするか
113						delimiter: ',', // ３桁ごとに区切る値
114						rounding: 0 // 小数点以下の桁数
115					});
116
117			}, 1000, event);
118		}
119	});
120
121	$('.numbers-item1.item6').one('inview', function(event, isInView) {
122		if (isInView) {
123			setTimeout(function (event) {
124
125					$('.is-animate1 span[id="summary_num_6"]').numerator({
126						easing: 'linear', // アニメーションの動き
127						duration: 300, // アニメーションの時間
128						toValue: numData[5].dataset.num, // どこまでカウントアップするか
129						delimiter: ',', // ３桁ごとに区切る値
130						rounding: 0 // 小数点以下の桁数
131					});
132
133			}, 1000, event);
134		}
135	});
136
137	$('.numbers-item1.item7').one('inview', function(event, isInView) {
138		this.querySelector('.note1').textContent = dateData[2].dataset.date;
139		if (isInView) {
140			setTimeout(function (event) {
141
142					$('.is-animate1 span[id="summary_num_7"]').numerator({
143						easing: 'linear', // アニメーションの動き
144						duration: 2000, // アニメーションの時間
145						toValue: numData[6].dataset.num, // どこまでカウントアップするか
146						delimiter: ',', // ３桁ごとに区切る値
147						rounding: 0 // 小数点以下の桁数
148					});
149
150			}, 1000, event);
151		}
152	});
153
154	$('.numbers-item1.item8').one('inview', function(event, isInView) {
155		this.querySelector('.note1').textContent = dateData[3].dataset.date;
156		if (isInView) {
157			setTimeout(function (event) {
158
159					$('.is-animate1 span[id="summary_num_8"]').numerator({
160						easing: 'linear', // アニメーションの動き
161						duration: 1000, // アニメーションの時間
162						toValue: numData[7].dataset.num, // どこまでカウントアップするか
163						delimiter: '', // ３桁ごとに区切る値
164						rounding: 1 // 小数点以下の桁数
165					});
166
167					$('.is-animate1 span[id="summary_num_9"]').numerator({
168						easing: 'linear', // アニメーションの動き
169						duration: 1000, // アニメーションの時間
170						toValue: numData[8].dataset.num, // どこまでカウントアップするか
171						delimiter: '', // ３桁ごとに区切る値
172						rounding: 1 // 小数点以下の桁数
173					});
174
175			}, 1000, event);
176		}
177	});
178
179	$('.numbers-item1.item9').one('inview', function(event, isInView) {
180		if (isInView) {
181			setTimeout(function (event) {
182
183					$('.is-animate1 span[id="summary_num_10"]').numerator({
184						easing: 'linear', // アニメーションの動き
185						duration: 2000, // アニメーションの時間
186						toValue: numData[9].dataset.num, // どこまでカウントアップするか
187						delimiter: '', // ３桁ごとに区切る値
188						rounding: 5 // 小数点以下の桁数
189					});
190
191			}, 1000, event);
192		}
193	});
194
195	$('.numbers-item1.item10').one('inview', function(event, isInView) {
196		if (isInView) {
197			setTimeout(function (event) {
198
199					$('.is-animate1 span[id="summary_num_11"]').numerator({
200						easing: 'linear', // アニメーションの動き
201						duration: 1000, // アニメーションの時間
202						toValue: numData[10].dataset.num, // どこまでカウントアップするか
203						delimiter: '', // ３桁ごとに区切る値
204						rounding: 0 // 小数点以下の桁数
205					});
206
207			}, 1000, event);
208		}
209	});
210
211	$('.numbers-item1.item11').one('inview', function(event, isInView) {
212		if (isInView) {
213			setTimeout(function (event) {
214
215					$('.is-animate1 span[id="summary_num_12"]').numerator({
216						easing: 'linear', // アニメーションの動き
217						duration: 1000, // アニメーションの時間
218						toValue: numData[11].dataset.num, // どこまでカウントアップするか
219						delimiter: '', // ３桁ごとに区切る値
220						rounding: 0 // 小数点以下の桁数
221					});
222
223			}, 1000, event);
224		}
225	});
226
227	$('.numbers-item1.item12').one('inview', function(event, isInView) {
228		if (isInView) {
229			setTimeout(function (event) {
230
231					$('.is-animate1 span[id="summary_num_13"]').numerator({
232						easing: 'linear', // アニメーションの動き
233						duration: 2000, // アニメーションの時間
234						toValue: 1986, // どこまでカウントアップするか
235						delimiter: '', // ３桁ごとに区切る値
236						rounding: 0 // 小数点以下の桁数
237					});
238
239			}, 1000, event);
240		}
241	});
242
243	$('.numbers-item1.item13').one('inview', function(event, isInView) {
244		if (isInView) {
245			setTimeout(function (event) {
246
247					$('.is-animate1 span[id="summary_num_14"]').numerator({
248						easing: 'linear', // アニメーションの動き
249						duration: 2000, // アニメーションの時間
250						toValue: numData[12].dataset.num, // どこまでカウントアップするか
251						delimiter: ',', // ３桁ごとに区切る値
252						rounding: 0 // 小数点以下の桁数
253					});
254
255			}, 1000, event);
256		}
257	});
258
259	$('.numbers-item1.item14').one('inview', function(event, isInView) {
260		if (isInView) {
261			setTimeout(function (event) {
262
263					$('.is-animate1 span[id="summary_num_15"]').numerator({
264						easing: 'linear', // アニメーションの動き
265						duration: 2000, // アニメーションの時間
266						toValue: numData[13].dataset.num, // どこまでカウントアップするか
267						delimiter: '', // ３桁ごとに区切る値
268						rounding: 0 // 小数点以下の桁数
269					});
270
271			}, 1000, event);
272		}
273	});
274
275	$('.numbers-item1.item15').one('inview', function(event, isInView) {
276		if (isInView) {
277			setTimeout(function (event) {
278
279					$('.is-animate1 span[id="summary_num_16"]').numerator({
280						easing: 'linear', // アニメーションの動き
281						duration: 2000, // アニメーションの時間
282						toValue: numData[14].dataset.num, // どこまでカウントアップするか
283						delimiter: ',', // ３桁ごとに区切る値
284						rounding: 0 // 小数点以下の桁数
285					});
286
287			}, 1000, event);
288		}
289	});
290	
291});
292
293
294}