pause: function () {
clearInterval(this.interval);
},
unpause: function () {
this.extendTimer(Math.round((new Date().getTime() - this.startedAt.getTime())/1000) - this.secondsElapsed);
this.interval = setInterval(jQuery.proxy(this._draw, this), 1000);
}
_draw: function () {
var secondsElapsed = Math.round((new Date().getTime() - this.startedAt.getTime())/1000),
endAngle = (Math.PI*3.5) - (((Math.PI*2)/this.settings.seconds) * secondsElapsed);
this.secondsElapsed = secondsElapsed;
this._clearRect();
this._drawCountdownShape(Math.PI*3.5, false);
if (secondsElapsed < this.settings.seconds) {
this._drawCountdownShape(endAngle, true);
this._drawCountdownLabel(secondsElapsed);
} else {
this._drawCountdownLabel(this.settings.seconds);
this.stop();
this.settings.onComplete();
}
}
this.secondsElapsed = secondsElapsed;
(function(){
//Сохраняем ссылку на стандартный метод jQuery
var originalAddClassMethod = jQuery.fn.addClass;
//Переопределяем
$.fn.addClass = function(){
var result = originalAddClassMethod.apply(this, arguments);
//Инициализируем событие смены класса
$(this).trigger('cssClassChanged');
return result;
}
})();
$(function(){
$("#test").bind('cssClassChanged', function(){
//Отработает, как только сменится класс
});
});
<div class="roulette" style="display:none;">
<img src="http://example.com/star.png"/>
<img src="http://example.com/flower.png"/>
<img src="http://example.com/coin.png"/>
<img src="http://example.com/mshroom.png"/>
<img src="http://example.com/chomp.png"/>
</div>
<button class="start">START</button>
<button class="stop">STOP</button>
$(document).ready(function () {
var option = {
speed : 10,
duration : 3,
stopImageNumber : 0,
startCallback : function() {
console.log('start');
},
slowDownCallback : function() {
console.log('slowDown');
},
stopCallback : function($stopElm) {
console.log('stop');
}
}
$('div.roulette').roulette(option);
// START!
$('.start').click(function(){
$('div.roulette').roulette('start');
});
// STOP!
$('.stop').click(function(){
$('div.roulette').roulette('stop');
});
});
$(function(){
$('a[data-scroll^="#"]').click(function(){
$('.menu li').removeClass('active');
var target = $(this).attr('data-scroll');
$('html, body').animate({scrollTop: $(target).offset().top - 0}, 800);
return false;
});
});
var hide = false, show = true;
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
if (scrollTop >= 100 && !hide){
hide = true;
$('.navigation').stop()
.animate({"marginTop": "-210px"},"slow", function () {
show = false;
});
}
if (scrollTop < 100 && !show){
show = true;
$('.navigation').stop().animate({"marginTop": "+0px"}, "slow", function () {
hide = false;
});
}
});
<button id="open">Открыть</button>
<div id="form">
<form action="#" method="post">
<input type="text" value="" placeholder="найти" />
</form>
</div>
#form {
padding: 20px;
background-color: #000;
display: none;
}
$(document).ready(function () {
var searchBlock = $('#form');
$(document).on('click', '#open', function () {
searchBlock.slideToggle();
return false;
});
});
(function (w, d) {
w.onload = function () {
var wrap = d.querySelector('#wrapper'), add = d.querySelector('button');
wrap.addEventListener('DOMNodeInserted', function(event) {
var target = event.target;
alert("На страницу был добавлен " + target.tagName);
}, false);
add.addEventListener('click', function (e) {
var el = d.createElement('iframe');
wrap.appendChild(el);
e.preventDefault();
}, false);
};
}(window, document));
window.onload = function () {
//Код
};
$(document).ready(function () {
//Код
});
$.put = function(url, data, callback, type){
if ( $.isFunction(data) ){
type = type || callback,
callback = data,
data = {}
}
return $.ajax({
url: url,
type: 'PUT',
success: callback,
data: data,
contentType: type
});
};
$('#photoimg').die('click').live('change', function() {
var files = this.files;
if (files.length > 5) {
console.log("Вы превысили лимит на кол-во файлов!");
return;
}
//Далее идет ваш код
});
this.beforeRemoving(sticked).then(function (response) {
//тут что-то делаем
});
tinymce.init({
selector: "textarea",
statusbar: false,
setup: function (editor) {
editor.on('change', function () {
tinymce.triggerSave();
});
}
});
var text = $('textarea).val();
$(function () {
var fotorama = $('.fotorama')
.fotorama({allowfullscreen: true})
.data('fotorama');
fotorama.requestFullScreen();
});
<div class="fotorama"
data-auto="false"
data-height="100%">
<img src="1.jpg">
<img src="2.jpg">
</div>
var array = [["55.7852","37.7155"],["55.7039","37.8454"],["55.7947","37.5919"]], ln = array.length;
for(var i = 0; i< ln; i++) {
var loc = array[i];
console.log(loc[0] + '||' + loc[1]);
}
bn = $(bg).find(".b1c-name").html().length;
bg = $(".b1c-good").length == 0 ? $("body") : $(this).closest(".b1c-good");