Diff
checker
テキスト
テキスト
画像
ドキュメント
Excel
フォルダ
Legal
Enterprise
デスクトップ
料金
ログイン
Diffchecker デスクトップのダウンロード
テキスト比較
2 つのテキスト ファイルの違いを見つける
ツール
履歴
ライブエディター
未変更行を折りたたむ
折り返しなし
レイアウト
分割
統合
比較精度
スマート
単語
文字
シンタックスハイライト
構文を選択
無視
テキスト変換
最初の差分へ移動
入力を編集
Diffchecker Desktop
Diffcheckerを実行する最も安全な方法。Diffchecker Desktopアプリを入手:あなたの差分はコンピューターから出ることはありません!
Desktopを入手
Untitled diff
作成日
11 年前
差分は期限切れになりません
クリア
エクスポート
共有
説明
11 削除
行
合計
削除
文字
合計
削除
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
103 行
すべてコピー
8 追加
行
合計
追加
文字
合計
追加
この機能を引き続き使用するには、アップグレードしてください
Diff
checker
Pro
価格を見る
103 行
すべてコピー
$(function() {
$(function() {
$(window).resize(function() {
$(window).resize(function() {
var width = $(window).width();
var width = $(window).width();
});
});
var b1 = document.querySelector('.backgroundOne');
var b1 = document.querySelector('.backgroundOne');
var b2 = document.querySelector('.backgroundTwo');
var b2 = document.querySelector('.backgroundTwo');
var b3 = document.querySelector('.backgroundThree');
var b3 = document.querySelector('.backgroundThree');
function setTranslate3d(element, y, x) {
function setTranslate3d(element, y, x) {
element.style['webkitTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
element.style['webkitTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
element.style['mozTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
element.style['mozTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)';
}
}
function handleOrientation(event) {
function handleOrientation(event) {
var x = Math.max(Math.min(event.beta, 90), -90);
var x = Math.max(Math.min(event.beta, 90), -90);
var y = event.gamma;
var y = event.gamma;
setTranslate3d(b1, y / 3, x / 3);
setTranslate3d(b1, y / 3, x / 3);
setTranslate3d(b2, y / 15, x / 15);
setTranslate3d(b2, y / 15, x / 15);
setTranslate3d(b3, y / 30, x / 30);
setTranslate3d(b3, y / 30, x / 30);
}
}
window.addEventListener('deviceorientation', handleOrientation);
window.addEventListener('deviceorientation', handleOrientation);
setInterval(function() {
setInterval(function() {
magicEightBall();
magicEightBall();
コピー
コピー済み
コピー
コピー済み
},
3
500);
},
5
500);
var inputArgs = [
var inputArgs = [
コピー
コピー済み
コピー
コピー済み
['
sashimi
', 'emoj
i1
'],
['
#trivia
', 'emoj
'],
['
bikeguy
', 'emoj
i2
'],
['
#bigbang
', 'emoj
'],
['
libby
', 'emoj
i3
']
['
#history
', 'emoj
']
];
];
var currentIdx = 0;
var currentIdx = 0;
function typeCurrent() {
function typeCurrent() {
performTyping(inputArgs[currentIdx][0], inputArgs[currentIdx][1], function() {
performTyping(inputArgs[currentIdx][0], inputArgs[currentIdx][1], function() {
currentIdx++;
currentIdx++;
if (currentIdx >= inputArgs.length) { currentIdx = 0; }
if (currentIdx >= inputArgs.length) { currentIdx = 0; }
コピー
コピー済み
コピー
コピー済み
setTimeout(function() { typeCurrent(); },
3
000);
setTimeout(function() { typeCurrent(); },
5
000);
});
});
}
}
typeCurrent();
typeCurrent();
});
});
function magicEightBall() {
function magicEightBall() {
var screens = $('#screens');
var screens = $('#screens');
var screen = $('#screen');
var screen = $('#screen');
var emoji = $('.animate');
var emoji = $('.animate');
var wash = $('.wash');
var wash = $('.wash');
screens.css({ '-webkit-animation-name' : 'dip', '-moz-animation-name' : 'dip' });
screens.css({ '-webkit-animation-name' : 'dip', '-moz-animation-name' : 'dip' });
setTimeout(function() {
setTimeout(function() {
screens.css({'-webkit-animation-name' : '', '-moz-animation-name' : '' });
screens.css({'-webkit-animation-name' : '', '-moz-animation-name' : '' });
}, 300);
}, 300);
var roomClasses = ['room1', 'room2', 'room3'];
var roomClasses = ['room1', 'room2', 'room3'];
setTimeout(function() {
setTimeout(function() {
for (var idx = 0; idx < roomClasses.length; idx++) {
for (var idx = 0; idx < roomClasses.length; idx++) {
if (screen.hasClass(roomClasses[idx])) {
if (screen.hasClass(roomClasses[idx])) {
break;
break;
}
}
}
}
screen.removeClass();
screen.removeClass();
idx++;
idx++;
idx = idx >= roomClasses.length ? 0 : idx;
idx = idx >= roomClasses.length ? 0 : idx;
setTimeout(function() { screen.addClass(roomClasses[idx]); }, 0);
setTimeout(function() { screen.addClass(roomClasses[idx]); }, 0);
コピー
コピー済み
コピー
コピー済み
},
1
00);
},
4
00);
setTimeout(function() {
setTimeout(function() {
emoji.css({'-webkit-animation-name' : 'like', '-moz-animation-name' : 'like'});
emoji.css({'-webkit-animation-name' : 'like', '-moz-animation-name' : 'like'});
wash.css({'-webkit-animation-name' : 'opacity', '-moz-animation-name' : 'opacity'});
wash.css({'-webkit-animation-name' : 'opacity', '-moz-animation-name' : 'opacity'});
setTimeout(function() {
setTimeout(function() {
emoji.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
emoji.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
wash.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
wash.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''});
コピー
コピー済み
コピー
コピー済み
},
2
000);
},
4
000);
},
800
);
},
2000
);
}
}
function performTyping(nameStr, emoji, callback) {
function performTyping(nameStr, emoji, callback) {
var name = $('#name');
var name = $('#name');
name.html(' ');
name.html(' ');
name.removeClass();
name.removeClass();
var idx = 0;
var idx = 0;
function typeChar() {
function typeChar() {
setTimeout(function() {
setTimeout(function() {
if (idx < nameStr.length) {
if (idx < nameStr.length) {
name.html(nameStr.substr(0, ++idx));
name.html(nameStr.substr(0, ++idx));
typeChar();
typeChar();
} else {
} else {
name.addClass(emoji);
name.addClass(emoji);
if (callback) { callback(); }
if (callback) { callback(); }
}
}
}, idx === 0 ? 300 : 100);
}, idx === 0 ? 300 : 100);
}
}
typeChar();
typeChar();
};
};
保存された差分
原文
ファイルを開く
$(function() { $(window).resize(function() { var width = $(window).width(); }); var b1 = document.querySelector('.backgroundOne'); var b2 = document.querySelector('.backgroundTwo'); var b3 = document.querySelector('.backgroundThree'); function setTranslate3d(element, y, x) { element.style['webkitTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)'; element.style['mozTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)'; } function handleOrientation(event) { var x = Math.max(Math.min(event.beta, 90), -90); var y = event.gamma; setTranslate3d(b1, y / 3, x / 3); setTranslate3d(b2, y / 15, x / 15); setTranslate3d(b3, y / 30, x / 30); } window.addEventListener('deviceorientation', handleOrientation); setInterval(function() { magicEightBall(); }, 3500); var inputArgs = [ ['sashimi', 'emoji1'], ['bikeguy', 'emoji2'], ['libby', 'emoji3'] ]; var currentIdx = 0; function typeCurrent() { performTyping(inputArgs[currentIdx][0], inputArgs[currentIdx][1], function() { currentIdx++; if (currentIdx >= inputArgs.length) { currentIdx = 0; } setTimeout(function() { typeCurrent(); }, 3000); }); } typeCurrent(); }); function magicEightBall() { var screens = $('#screens'); var screen = $('#screen'); var emoji = $('.animate'); var wash = $('.wash'); screens.css({ '-webkit-animation-name' : 'dip', '-moz-animation-name' : 'dip' }); setTimeout(function() { screens.css({'-webkit-animation-name' : '', '-moz-animation-name' : '' }); }, 300); var roomClasses = ['room1', 'room2', 'room3']; setTimeout(function() { for (var idx = 0; idx < roomClasses.length; idx++) { if (screen.hasClass(roomClasses[idx])) { break; } } screen.removeClass(); idx++; idx = idx >= roomClasses.length ? 0 : idx; setTimeout(function() { screen.addClass(roomClasses[idx]); }, 0); }, 100); setTimeout(function() { emoji.css({'-webkit-animation-name' : 'like', '-moz-animation-name' : 'like'}); wash.css({'-webkit-animation-name' : 'opacity', '-moz-animation-name' : 'opacity'}); setTimeout(function() { emoji.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''}); wash.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''}); }, 2000); }, 800); } function performTyping(nameStr, emoji, callback) { var name = $('#name'); name.html(' '); name.removeClass(); var idx = 0; function typeChar() { setTimeout(function() { if (idx < nameStr.length) { name.html(nameStr.substr(0, ++idx)); typeChar(); } else { name.addClass(emoji); if (callback) { callback(); } } }, idx === 0 ? 300 : 100); } typeChar(); };
変更されたテキスト
ファイルを開く
$(function() { $(window).resize(function() { var width = $(window).width(); }); var b1 = document.querySelector('.backgroundOne'); var b2 = document.querySelector('.backgroundTwo'); var b3 = document.querySelector('.backgroundThree'); function setTranslate3d(element, y, x) { element.style['webkitTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)'; element.style['mozTransform'] = 'translate3d(' + y + 'px,' + x + 'px, 0)'; } function handleOrientation(event) { var x = Math.max(Math.min(event.beta, 90), -90); var y = event.gamma; setTranslate3d(b1, y / 3, x / 3); setTranslate3d(b2, y / 15, x / 15); setTranslate3d(b3, y / 30, x / 30); } window.addEventListener('deviceorientation', handleOrientation); setInterval(function() { magicEightBall(); }, 5500); var inputArgs = [ ['#trivia', 'emoj'], ['#bigbang', 'emoj'], ['#history', 'emoj'] ]; var currentIdx = 0; function typeCurrent() { performTyping(inputArgs[currentIdx][0], inputArgs[currentIdx][1], function() { currentIdx++; if (currentIdx >= inputArgs.length) { currentIdx = 0; } setTimeout(function() { typeCurrent(); }, 5000); }); } typeCurrent(); }); function magicEightBall() { var screens = $('#screens'); var screen = $('#screen'); var emoji = $('.animate'); var wash = $('.wash'); screens.css({ '-webkit-animation-name' : 'dip', '-moz-animation-name' : 'dip' }); setTimeout(function() { screens.css({'-webkit-animation-name' : '', '-moz-animation-name' : '' }); }, 300); var roomClasses = ['room1', 'room2', 'room3']; setTimeout(function() { for (var idx = 0; idx < roomClasses.length; idx++) { if (screen.hasClass(roomClasses[idx])) { break; } } screen.removeClass(); idx++; idx = idx >= roomClasses.length ? 0 : idx; setTimeout(function() { screen.addClass(roomClasses[idx]); }, 0); }, 400); setTimeout(function() { emoji.css({'-webkit-animation-name' : 'like', '-moz-animation-name' : 'like'}); wash.css({'-webkit-animation-name' : 'opacity', '-moz-animation-name' : 'opacity'}); setTimeout(function() { emoji.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''}); wash.css({'-webkit-animation-name' : '', '-moz-animation-name' : ''}); }, 4000); }, 2000); } function performTyping(nameStr, emoji, callback) { var name = $('#name'); name.html(' '); name.removeClass(); var idx = 0; function typeChar() { setTimeout(function() { if (idx < nameStr.length) { name.html(nameStr.substr(0, ++idx)); typeChar(); } else { name.addClass(emoji); if (callback) { callback(); } } }, idx === 0 ? 300 : 100); } typeChar(); };
違いを見つける