document.addEventListener('click', function(){ console.log(this, arguments); });document, а непосредственно на каждую из кнопок, внутри обработчика this будет тем самым кликнутым элементом.
start() не определена там, где её вызывают.var now = new Date().getTime();console.time('myFunc1'); // начало отсчёта
myFunction1( arg1, arg2); // измеряемая функция или кусок кода, for(...i < 100000...)
console.timeEnd('myFunc1'); // выведет в консоль время выполнения:
// myFunc1: 118mssetInterval(). При наступлении события останавливать тот interval, и через нужную паузу запускать новый с той же функцией.var flag = false;
this.next = function() {
that.img[i].classList.remove("activeImg");
i++;
if (i >= that.img.length) i = 0;
that.img[i].classList.add("activeImg");
};
setInterval(
function() {
if(flag) return;
that.next()
},
Math.floor(Math.random() * (5000 - 2000 + 1)) + 2000
);
function onEvent(){
flag = true;
setTimeout(()=>{ flag=false}, 3000);
}$(document).on("keydown", function(e){
console.log(e.key) // ArrowLeft, ArrowRight
})var f = function(){};// Без скобок:
f; // просто в воздух заявили, что есть у нас такая функция
// и со скобками:
f(); // тут уже результат выполнения этой функции, т.е. заставили её сработать.var f = function(){ return 'OK'; };
typeof f; // function
typeof f(); // stringvar f = function(a, b) { return a + b; };
typeof f; // function
typeof f(1,2); // number
typeof (function(a,b){return a+b;}); // function
typeof (function(a,b){return a+b;})(1, 2); // numbervar s = '<span toster="two">text</span>';
var el = document.createElement('div');
el.innerHTML = s;
var span = el.children[0];
var value;
var attrs = span.attributes;
for(let i = 0; i < attrs.length; i++) {
if( attrs[i].name === 'toster') {
value = attrs[i].value;
break;
}
}
if(value) {
// нашлось
}var $script = require("scriptjs");
$script("//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js", function() {
$('body').html('It works!')
});$({ myProp: A }) // начальное значение A
.animate(
{ myProp: B }, // целевое конечное значение B
{ // всякие опции анимации: время, функция на каждый шаг и т.п.
step: function(now, tween) { } // эта будет вызываться на каждом шаге анимации
}
);const $price = $("#banner-message > p > span");
$("button").on("click", function(){
const oldPrice = parseInt($price.text());
const newPrice = Math.round(500 + Math.random() * 4500);
$({price:oldPrice}).animate({price:newPrice}, {
step: (now, tween) => $price.text(Math.round(tween.elem.price))
});
});watch это массив объектов, у каждого два свойства: HTML элемент и объект Date когда истекает срок.watch:const Clock = {
watch: [],
add: function(el, D) {
this.watch.push({
el: el,
D : D,
});
this.tick();
},
tick: function(){
const now = new Date().getTime();
for(let i = this.watch.length - 1; i>=0; i--) {
let w = this.watch[i];
let dt = w.D.getTime() - now;
w.el.innerText = Math.round(dt / 1000);
if( dt<=0 ) {
w.el.classList.add('finished');
this.watch.splice(i,1);
}
}
},
timer: null,
init: function() {
this.timer = window.setInterval(this.tick.bind(this), 1000);
}
};
Clock.init();
Clock.add(
document.getElementById('obj1'),
new Date( new Date().getTime() + 5e3)
);
Clock.add(
document.getElementById('obj2'),
new Date( new Date().getTime() + 7e3)
);
Clock.add(
document.getElementById('obj3'),
new Date( new Date().getTime() + 3e3)
);break; сразу после founded = true; и для скорости можно закэшировать текущие элементы arr[j] и params[i] для чуть более быстрого обращения к ним в цикле:_arr = arr[j];
// ...
_param = parametres[i];
if( _arr.p1 === _param.p1 && _arr.p2 === _param.p2) { ...playAudio() и pauseAudio() во вне функции search(), до её определения.
Object.assign() работает так же, как var t1 = {};
t1.inbox = Terminal.inbox; // там массив, он по ссылке передаётся
t1.sendMail = Terminal.sendMail; // функция - тоже по ссылке, тоже будет === с t2slice(), чтобы получить независимую копию. var a = [1,2,3];
var b = a;
b.pop(); // a === b; a: [1,2];
// plan-b:
var a = [1,2,3];
var b = a.slice();
b.pop(); // b !== a; a: [1,2,3]; b: [1,2]function factory(props) {
var Terminal = {
inbox: [],
sendMail: function (target, message) {
target.inbox.push({ terminal: this.name, message });
}
};
return Object.assign(Terminal, props);
}
var t1 = factory({ name: 'Jack' });
var t2 = factory({ name: 'Alice' });function onOrderClick() {
this.removeEventListener('click', onOrderClick);
startCalculatorYandex();
startCalculatorGoogle();
}
document.getElementById('tot-samy-div-id').addEventListener('click', onOrderClick);jump
r: undefinedundefuned потому, что метод jump() ничего не возвращает. Уберите скобки console.log('r: ', rabbit.jump); и получите в консоли r: function jump()
сейчас + N секунд. Это время надо сохранить в localStorage: window.localStorage.setItem('timerEnd', endDate.getTime())var finish = parseInt( window.localStorage.getItem('timerEnd'));
if(finish && finish > (new Date()).getTime()) { // есть таймер, который надо возобновить
}let timer = document.getElementById('timer');
let indicator = document.getElementById('indicator');
let startButton = document.getElementById('startButton');
const lsKey = 'timerEnd';
let savedTime = parseInt(window.localStorage.getItem(lsKey));
if( savedTime) {
let D = new Date();
D.setTime(savedTime);
timerStart(D);
}
startButton.addEventListener('click', function(){
let D = new Date();
D.setTime( D.getTime() + 1000 * timer.value);
timerStart(D);
});
function timerStart (finishDate) {
let LS = window.localStorage;
let D = new Date();
let seconds = Math.round((finishDate - D) / 1000);
if (seconds <= 0) {
LS.removeItem(lsKey);
return;
}
LS.setItem( lsKey, finishDate.getTime()); // запомнили в LS
indicator.textContent = seconds;
setIndicator(true);
let timerId = setInterval(() => {
let seconds = Math.round((finishDate - new Date()) / 1000);
indicator.textContent = seconds;
if (seconds <= 0) {
LS.removeItem(lsKey);
clearInterval(timerId);
setIndicator(false);
}
}, 100);
}
function setIndicator(onOff) {
if(onOff) {
indicator.className = `green`;
} else {
indicator.className = `red`;
}
}