JSFiddle - React, Tailwind, and code Playground

SELECT * FROM messages WHERE time between x and y;

by Kato Richardson

HTML

<script src="http://static.firebase.com/v0/firebase.js"></script>
<h3>SELECT * FROM messages WHERE time between x and y;</h3>
<pre>?</pre>

CSS

pre {
    padding: 20px;
    font-size: 20px;
    border-radius: 15px;
    background-color: #fafafa;
    border: 1px solid #999;
    float: left;
    font-family: 'Courier New', 'Courier', monospaced;
}

h3 {
    clear: both;
    padding-top: 20px;
}

JavaScript

var startTime = 1379360596961;
var endTime = 1379360663613;

new Firebase("https://examples-sql-queries.firebaseio.com/messages")
    .startAt(startTime)
    .endAt(endTime)
    .once('value', show);

function show(snap) {
   $('pre').text(JSON.stringify(snap.val(), null, 2));
}