Skip to content

php / pingan-charity

Go to a project
Commit 52a3f4b3 by doszhang
Options

dos

parent 9cf9bcde
Showing with 205 additions and 184 deletions
Public/static/js/common.js
...@@ -101,207 +101,228 @@ const video3 = document.getElementById("video3"); ...@@ -101,207 +101,228 @@ const video3 = document.getElementById("video3");
$('.page1').show(); $('.page1').show();
preloadimages(preloadImageList, function () {}, function (progress) {}); preloadimages(preloadImageList, function () {}, function (progress) {});
$(document).ready(function () {
for (let i = 0; i < 21; i++) { var EventUtil = {
$('.read' + i).hide(); addHandler: function (element, type, handler) {
} if (element.addEventListener) {
reading = getCookie('reading'); element.addEventListener(type, handler, false);
if (reading != null) { } else if (element.attachEvent) {
readingJson = JSON.parse(reading); element.attachEvent("on" + type, handler);
for (let key in readingJson) { } else {
$('.read' + key.replace(/link/, "")).show(); element["on" + type] = handler;
} }
} }
};
(function () {
var showCount = 0;
EventUtil.addHandler(window, "load", function () {});
EventUtil.addHandler(window, "pageshow", function (event) {
showCount++;
alert("Show has been fired " + showCount + " times.");
});
video1.addEventListener('pause', function () {
if (video1.paused && video2.paused && video3.paused) {
$('#music')[0].play();
}
});
video2.addEventListener('pause', function () { $(document).ready(function () {
if (video1.paused && video2.paused && video3.paused) { for (let i = 0; i < 21; i++) {
$('#music')[0].play(); $('.read' + i).hide();
} }
}); reading = getCookie('reading');
if (reading != null) {
readingJson = JSON.parse(reading);
for (let key in readingJson) {
$('.read' + key.replace(/link/, "")).show();
}
}
video3.addEventListener('pause', function () { video1.addEventListener('pause', function () {
if (video1.paused && video2.paused && video3.paused) { if (video1.paused && video2.paused && video3.paused) {
$('#music')[0].play(); $('#music')[0].play();
} }
}); });
video1.addEventListener('play', function () { video2.addEventListener('pause', function () {
play = 'video1'; if (video1.paused && video2.paused && video3.paused) {
$('#music')[0].pause(); $('#music')[0].play();
video2.pause(); }
videoBreak = true; });
video3.pause();
}); video3.addEventListener('pause', function () {
if (video1.paused && video2.paused && video3.paused) {
$('#music')[0].play();
}
});
video2.addEventListener('play', function () { video1.addEventListener('play', function () {
play = 'video2'; play = 'video1';
$('#music')[0].pause(); $('#music')[0].pause();
video1.pause(); video2.pause();
videoBreak = true; videoBreak = true;
video3.pause(); video3.pause();
});
video3.addEventListener('play', function () { });
play = 'video3';
$('#music')[0].pause();
video1.pause();
videoBreak = true;
video2.pause();
});
$('.btn-clear').on('click', function () { video2.addEventListener('play', function () {
setCookie('reading', '{}'); play = 'video2';
}); $('#music')[0].pause();
video1.pause();
videoBreak = true;
video3.pause();
});
$('.link0').on('click', { video3.addEventListener('play', function () {
link: linkAddress.link0, play = 'video3';
index: 0 $('#music')[0].pause();
}, jumpTolink); video1.pause();
videoBreak = true;
$('.link1').on('click', { video2.pause();
link: linkAddress.link1, });
index: 1
}, jumpTolink);
$('.link2').on('click', {
link: linkAddress.link2,
index: 2
}, jumpTolink);
$('.link3').on('click', {
link: linkAddress.link3,
index: 3
}, jumpTolink);
$('.link4').on('click', {
link: linkAddress.link4,
index: 4
}, jumpTolink);
$('.link5').on('click', {
link: linkAddress.link5,
index: 5
}, jumpTolink);
$('.link6').on('click', {
link: linkAddress.link6,
index: 6
}, jumpTolink);
$('.link7').on('click', {
link: linkAddress.link7,
index: 7
}, jumpTolink);
$('.link8').on('click', {
link: linkAddress.link8,
index: 8
}, jumpTolink);
$('.link9').on('click', {
link: linkAddress.link9,
index: 9
}, jumpTolink);
$('.link10').on('click', {
link: linkAddress.link10,
index: 10
}, jumpTolink);
$('.link11').on('click', {
link: linkAddress.link11,
index: 11
}, jumpTolink);
$('.link12').on('click', {
link: linkAddress.link12,
index: 12
}, jumpTolink);
$('.link13').on('click', {
link: linkAddress.link13,
index: 13
}, jumpTolink);
$('.link14').on('click', {
link: linkAddress.link14,
index: 14
}, jumpTolink);
$('.link15').on('click', {
link: linkAddress.link15,
index: 15
}, jumpTolink);
$('.link16').on('click', {
link: linkAddress.link16,
index: 16
}, jumpTolink);
$('.link17').on('click', {
link: linkAddress.link17,
index: 17
}, jumpTolink);
$('.link18').on('click', {
link: linkAddress.link18,
index: 18
}, jumpTolink);
$('.link19').on('click', {
link: linkAddress.link19,
index: 19
}, jumpTolink);
$('.link20').on('click', {
link: linkAddress.link20,
index: 20
}, jumpTolink);
});
function jumpTolink(event) {
const link = event.data.link;
if (event.data.index || event.data.index == 0) {
const index = event.data.index;
readingJson['link' + index] = 1;
setCookie('reading', JSON.stringify(readingJson));
$('.read' + index).show();
}
setTimeout(function () {
window.location.href = link;
}, 100);
} $('.btn-clear').on('click', function () {
setCookie('reading', '{}');
});
$('.link0').on('click', {
link: linkAddress.link0,
index: 0
}, jumpTolink);
function getTranslateDistance(cardinal = 0, abs = false) { $('.link1').on('click', {
var wrapInnerTransform = $('.wrap-inner').css('transform'); link: linkAddress.link1,
var wrapInnertop = parseFloat($('.wrap-inner').css('top')); index: 1
wrapInnerTransform = wrapInnerTransform.match(/^matrix\(1,\s0,\s0,\s1,\s0,\s\-?(\d+)/); }, jumpTolink);
wrapInnerTransform = parseFloat(wrapInnerTransform[1]); $('.link2').on('click', {
if (abs) { link: linkAddress.link2,
var wrapInnerjl = Math.abs(wrapInnertop - wrapInnerTransform); index: 2
} else { }, jumpTolink);
var wrapInnerjl = wrapInnertop - wrapInnerTransform; $('.link3').on('click', {
} link: linkAddress.link3,
index: 3
}, jumpTolink);
$('.link4').on('click', {
link: linkAddress.link4,
index: 4
}, jumpTolink);
$('.link5').on('click', {
link: linkAddress.link5,
index: 5
}, jumpTolink);
$('.link6').on('click', {
link: linkAddress.link6,
index: 6
}, jumpTolink);
$('.link7').on('click', {
link: linkAddress.link7,
index: 7
}, jumpTolink);
$('.link8').on('click', {
link: linkAddress.link8,
index: 8
}, jumpTolink);
$('.link9').on('click', {
link: linkAddress.link9,
index: 9
}, jumpTolink);
$('.link10').on('click', {
link: linkAddress.link10,
index: 10
}, jumpTolink);
$('.link11').on('click', {
link: linkAddress.link11,
index: 11
}, jumpTolink);
$('.link12').on('click', {
link: linkAddress.link12,
index: 12
}, jumpTolink);
$('.link13').on('click', {
link: linkAddress.link13,
index: 13
}, jumpTolink);
$('.link14').on('click', {
link: linkAddress.link14,
index: 14
}, jumpTolink);
$('.link15').on('click', {
link: linkAddress.link15,
index: 15
}, jumpTolink);
$('.link16').on('click', {
link: linkAddress.link16,
index: 16
}, jumpTolink);
$('.link17').on('click', {
link: linkAddress.link17,
index: 17
}, jumpTolink);
$('.link18').on('click', {
link: linkAddress.link18,
index: 18
}, jumpTolink);
$('.link19').on('click', {
link: linkAddress.link19,
index: 19
}, jumpTolink);
$('.link20').on('click', {
link: linkAddress.link20,
index: 20
}, jumpTolink);
});
return wrapInnerjl + cardinal + 'px'; function jumpTolink(event) {
} const link = event.data.link;
if (event.data.index || event.data.index == 0) {
const index = event.data.index;
readingJson['link' + index] = 1;
setCookie('reading', JSON.stringify(readingJson));
$('.read' + index).show();
}
setTimeout(function () {
window.location.href = link;
}, 100);
//获取随机数方法 }
//min 最小值
//max 最大值
function RandomNumBoth(Min, Max) {
var Range = Max - Min;
var Rand = Math.random();
var num = Min + Math.round(Rand * Range); //四舍五入
return num;
}
//写cookies
function setCookie(name, value) { function getTranslateDistance(cardinal = 0, abs = false) {
var Days = 30; var wrapInnerTransform = $('.wrap-inner').css('transform');
var exp = new Date(); var wrapInnertop = parseFloat($('.wrap-inner').css('top'));
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); wrapInnerTransform = wrapInnerTransform.match(/^matrix\(1,\s0,\s0,\s1,\s0,\s\-?(\d+)/);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString(); wrapInnerTransform = parseFloat(wrapInnerTransform[1]);
} if (abs) {
var wrapInnerjl = Math.abs(wrapInnertop - wrapInnerTransform);
} else {
var wrapInnerjl = wrapInnertop - wrapInnerTransform;
}
return wrapInnerjl + cardinal + 'px';
}
//获取随机数方法
//min 最小值
//max 最大值
function RandomNumBoth(Min, Max) {
var Range = Max - Min;
var Rand = Math.random();
var num = Min + Math.round(Rand * Range); //四舍五入
return num;
}
//写cookies
function setCookie(name, value) {
var Days = 30;
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
//读取cookies //读取cookies
function getCookie(name) { function getCookie(name) {
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)"); var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
if (arr = document.cookie.match(reg)) if (arr = document.cookie.match(reg))
return unescape(arr[2]); return unescape(arr[2]);
else else
return null; return null;
} }
\ No newline at end of file \ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment