days.toString().replace(/\d/gi, (substring) => `${substring}`);
daysVal.innerHTML = '<span>'+days.toString().padStart(2,'0')+'</span>';
hoursVal.innerHTML = '<span>'+hours.toString().padStart(2,'0')+'</span>';
minutesVal.innerHTML = '<span>'+minutes.toString().padStart(2,'0')+'</span>';$(function() {
var valMap = [0, 1, 3, 6, 10, 15, 22, 30,40, 50]; // более равномерно в логарифмической шкале
// 0..1000 --> 0..50 (true, обратно false)
const step=2,
w=[1000/Math.pow(50,1/step),50/Math.pow(1000,step)] ;
function _conv(x, forvard){
if(!forvard)
return Math.pow(x,1/step)*w[0];
else
return Math.round(Math.pow(x,step)*w[1]);
}
$("#slider").slider({
max: 1000,//valMap.length - 1,
slide: function(event, ui) {
$("#radiusAmount").val(_conv(ui.value,true));
}
})
.each(function() {
var opt = $(this).data().uiSlider.options;
var vals = opt.max - opt.min;
var arrayLength = valMap.length;
for (var i = 0; i < arrayLength; i++) {
var el = $('<label>' + (valMap[i]) + '</label>').css('left', (_conv(valMap[i],false) / 10 ) + '%');
$("#slider").append(el);
}
});
$(document).on('change','#radiusAmount', function(){
$("#slider").slider('value',_conv($(this).val(), false)) ; })
});$query=[];
parse_str(parse_url($query_string, PHP_URL_QUERY),$query_array);
unset($query_array['select']);
echo (!empty($query_array)?'?':'').http_build_query($query_array);function moveBg(evt){
if(!!moveBg.timeout){ // функция недавно вызывалась - запоминаем параметр и ждем;
moveBg.evt=evt;
return ;
}
// начинаем засечку времени 1 сек. По окончании таймаута вызываем функцию с последним актуальным параметром, если надо
moveBg.timeout=setTimeout(function(){moveBg.timeout=null; if(!!moveBg.evt){moveBg(moveBg.evt); moveBg.evt=null}},1000 );
// дальше без изменений и коррекций
var totalWidth = $('.home-shadow').width()
var rect = evt.target.getBoundingClientRect()
var x = evt.clientX - rect.left;
var percent = x*100 / totalWidth
console.log(percent)
var styleElem = document.head.appendChild(document.createElement("style"));
styleElem.innerHTML = `#home-shadow:before {background-position: ${percent}% 50%`;
}
$('body').mousemove(function(evt){
if(evt.target.classList[0] == 'home-shadow'){
moveBg(evt);
}
});let control = document.querySelector('.text'),
txt= control.textContent,
track=[];
function runit(){
let c= track.shift();
if(!c) return ;
if(c[0]==='pause'){
setTimeout(runit,c[1]);
} else if(c[0]==='substr') {
control.textContent = txt.substr(c[1], c[2]);
setTimeout(runit, 300);
}
}
// программируем поведение
for( let i=1;i<=txt.length;i++){
track.push(['substr',0,i]);
}
track.push(['pause',3000]);
for( let i=txt.length;i>=0;i--){
track.push(['substr',0,i]);
}
runit();$(function(){
var elements=$('.red,.yellow');
for(let i=0;i<elements.length;i++){
let ri=elements.eq(i)[0].getBoundingClientRect();
for(let j=i+1;j<elements.length;j++){
let rj=elements.eq(j)[0].getBoundingClientRect();
console.log(//ri,rj,
Math.max(ri.x,rj.x)<=Math.min(ri.x+ri.width,rj.x+rj.width)
&&
Math.max(ri.y,rj.y)<=Math.min(ri.y+ri.height,rj.y+rj.height)
)
}
}
})