Skip to content

Instantly share code, notes, and snippets.

@geta6
Created January 9, 2014 14:41
Show Gist options
  • Save geta6/8335122 to your computer and use it in GitHub Desktop.
Save geta6/8335122 to your computer and use it in GitHub Desktop.
var socket = io.connect('http://localhost:3000');
$(function(){
var user = window.prompt('ユーザ名は?');
// sendボタンが押された時の処理
$('#button').on('click', function(){
var text = $('#input').val();
socket.emit('send', {
user: user,
text: text
});
$('#input').val('');
});
// サーバからテキストがきた時の処理
socket.on('res', function(data){
var body = [
data.user,
': ',
data.text
].join('');
$('#ul').prepend(
$('<li>')
.text(body)
.append($('<span>')
.css('padding-left', '10px')
.addClass('date')
.attr('data-date', data.date)
)
);
});
});
setInterval(function(){
if(($date = $('.date')).size()) {
$date.each(function(i, el){
$el = $(el);
$el.text(moment($el.attr('data-date')).fromNow());
});
}
}, 1000);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment