Skip to content

Instantly share code, notes, and snippets.

@shobhitg

shobhitg/index.html

Created December 6, 2017 23:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save shobhitg/d9f1dee1e3705f40cb05622998fe7e75 to your computer and use it in GitHub Desktop.
Save shobhitg/d9f1dee1e3705f40cb05622998fe7e75 to your computer and use it in GitHub Desktop.
Download ZIP
JS Bin // source https://jsbin.com/gamibol
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>JS Bin</title>
</head>
<body>
<script src="https://unpkg.com/@reactivex/rxjs@5.0.3/dist/global/Rx.js"></script>
<input type="text" id="input1">
<input type="text" id="input2">
<p>Combined Value: <span></span></p>
<script id="jsbin-javascript">
"use strict";
var sourceA = Rx.Observable.timer(0, 200)
.take(10)
.timeInterval();
var sourceB = Rx.Observable.timer(500, 150)
.take(13)
.timeInterval();
console.clear();
// sourceA.subscribe((tick) => {
// console.log("sourceA", tick.value);
// }, (error) => {
// }, () => {
// console.log('completeA');
// });
// sourceB.subscribe((tick) => {
// console.log("sourceB", tick.value);
// }, (error) => {
// }, () => {
// console.log('completeB');
// });
Rx.Observable.merge(sourceA, sourceB).subscribe(function (_a) {
var tickA = _a[0], tickB = _a[1];
console.log("sourceA" + tickA.value + " sourceB" + tickB.value);
}, function (error) {
}, function () {
console.log('completeAB');
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBSSxPQUFPLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztLQUNwQyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQ1IsWUFBWSxFQUFFLENBQUM7QUFFcEIsSUFBSSxPQUFPLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQztLQUN0QyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQ1IsWUFBWSxFQUFFLENBQUM7QUFHcEIsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO0FBRWhCLGdDQUFnQztBQUNoQyx3Q0FBd0M7QUFDeEMsa0JBQWtCO0FBQ2xCLGlCQUFpQjtBQUNqQixrQ0FBa0M7QUFDbEMsVUFBVTtBQUdWLGdDQUFnQztBQUNoQyx3Q0FBd0M7QUFDeEMsa0JBQWtCO0FBQ2xCLGlCQUFpQjtBQUNqQixrQ0FBa0M7QUFDbEMsVUFBVTtBQUdWLEVBQUUsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQyxTQUFTLENBQUMsVUFBQyxFQUFjO1FBQWIsYUFBSyxFQUFFLGFBQUs7SUFDNUQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxTQUFTLEdBQUMsS0FBSyxDQUFDLEtBQUssR0FBSSxZQUFZLEdBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ2pFLENBQUMsRUFBRSxVQUFDLEtBQUs7QUFDTCxDQUFDLEVBQUU7SUFDRCxPQUFPLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO0FBQzVCLENBQUMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHNvdXJjZUEgPSBSeC5PYnNlcnZhYmxlLnRpbWVyKDAsIDIwMClcbiAgICAudGFrZSgxMClcbiAgICAudGltZUludGVydmFsKCk7XG5cbnZhciBzb3VyY2VCID0gUnguT2JzZXJ2YWJsZS50aW1lcig1MDAsIDE1MClcbiAgICAudGFrZSgxMylcbiAgICAudGltZUludGVydmFsKCk7XG5cblxuY29uc29sZS5jbGVhcigpO1xuXG4vLyBzb3VyY2VBLnN1YnNjcmliZSgodGljaykgPT4ge1xuLy8gICBjb25zb2xlLmxvZyhcInNvdXJjZUFcIiwgdGljay52YWx1ZSk7XG4vLyB9LCAoZXJyb3IpID0+IHtcbi8vICAgICB9LCAoKSA9PiB7XG4vLyAgICAgICBjb25zb2xlLmxvZygnY29tcGxldGVBJyk7XG4vLyAgICAgfSk7XG5cblxuLy8gc291cmNlQi5zdWJzY3JpYmUoKHRpY2spID0+IHtcbi8vICAgY29uc29sZS5sb2coXCJzb3VyY2VCXCIsIHRpY2sudmFsdWUpO1xuLy8gfSwgKGVycm9yKSA9PiB7XG4vLyAgICAgfSwgKCkgPT4ge1xuLy8gICAgICAgY29uc29sZS5sb2coJ2NvbXBsZXRlQicpO1xuLy8gICAgIH0pO1xuXG5cblJ4Lk9ic2VydmFibGUubWVyZ2Uoc291cmNlQSwgc291cmNlQikuc3Vic2NyaWJlKChbdGlja0EsIHRpY2tCXSkgPT4ge1xuICBjb25zb2xlLmxvZyhcInNvdXJjZUFcIit0aWNrQS52YWx1ZSArICBcIiAgIHNvdXJjZUJcIit0aWNrQi52YWx1ZSk7XG59LCAoZXJyb3IpID0+IHtcbiAgICB9LCAoKSA9PiB7XG4gICAgICBjb25zb2xlLmxvZygnY29tcGxldGVBQicpO1xuICAgIH0pOyJdfQ==
</script>
<script id="jsbin-source-javascript" type="text/javascript">var sourceA = Rx.Observable.timer(0, 200)
.take(10)
.timeInterval();
var sourceB = Rx.Observable.timer(500, 150)
.take(13)
.timeInterval();
console.clear();
// sourceA.subscribe((tick) => {
// console.log("sourceA", tick.value);
// }, (error) => {
// }, () => {
// console.log('completeA');
// });
// sourceB.subscribe((tick) => {
// console.log("sourceB", tick.value);
// }, (error) => {
// }, () => {
// console.log('completeB');
// });
Rx.Observable.merge(sourceA, sourceB).subscribe(([tickA, tickB]) => {
console.log("sourceA"+tickA.value + " sourceB"+tickB.value);
}, (error) => {
}, () => {
console.log('completeAB');
});</script></body>
</html>
Raw
jsbin.gamibol.js
"use strict";
var sourceA = Rx.Observable.timer(0, 200)
.take(10)
.timeInterval();
var sourceB = Rx.Observable.timer(500, 150)
.take(13)
.timeInterval();
console.clear();
// sourceA.subscribe((tick) => {
// console.log("sourceA", tick.value);
// }, (error) => {
// }, () => {
// console.log('completeA');
// });
// sourceB.subscribe((tick) => {
// console.log("sourceB", tick.value);
// }, (error) => {
// }, () => {
// console.log('completeB');
// });
Rx.Observable.merge(sourceA, sourceB).subscribe(function (_a) {
var tickA = _a[0], tickB = _a[1];
console.log("sourceA" + tickA.value + " sourceB" + tickB.value);
}, function (error) {
}, function () {
console.log('completeAB');
});
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoianNiaW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyJqc2Jpbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsSUFBSSxPQUFPLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztLQUNwQyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQ1IsWUFBWSxFQUFFLENBQUM7QUFFcEIsSUFBSSxPQUFPLEdBQUcsRUFBRSxDQUFDLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQztLQUN0QyxJQUFJLENBQUMsRUFBRSxDQUFDO0tBQ1IsWUFBWSxFQUFFLENBQUM7QUFHcEIsT0FBTyxDQUFDLEtBQUssRUFBRSxDQUFDO0FBRWhCLGdDQUFnQztBQUNoQyx3Q0FBd0M7QUFDeEMsa0JBQWtCO0FBQ2xCLGlCQUFpQjtBQUNqQixrQ0FBa0M7QUFDbEMsVUFBVTtBQUdWLGdDQUFnQztBQUNoQyx3Q0FBd0M7QUFDeEMsa0JBQWtCO0FBQ2xCLGlCQUFpQjtBQUNqQixrQ0FBa0M7QUFDbEMsVUFBVTtBQUdWLEVBQUUsQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsQ0FBQyxTQUFTLENBQUMsVUFBQyxFQUFjO1FBQWIsYUFBSyxFQUFFLGFBQUs7SUFDNUQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxTQUFTLEdBQUMsS0FBSyxDQUFDLEtBQUssR0FBSSxZQUFZLEdBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ2pFLENBQUMsRUFBRSxVQUFDLEtBQUs7QUFDTCxDQUFDLEVBQUU7SUFDRCxPQUFPLENBQUMsR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO0FBQzVCLENBQUMsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsidmFyIHNvdXJjZUEgPSBSeC5PYnNlcnZhYmxlLnRpbWVyKDAsIDIwMClcbiAgICAudGFrZSgxMClcbiAgICAudGltZUludGVydmFsKCk7XG5cbnZhciBzb3VyY2VCID0gUnguT2JzZXJ2YWJsZS50aW1lcig1MDAsIDE1MClcbiAgICAudGFrZSgxMylcbiAgICAudGltZUludGVydmFsKCk7XG5cblxuY29uc29sZS5jbGVhcigpO1xuXG4vLyBzb3VyY2VBLnN1YnNjcmliZSgodGljaykgPT4ge1xuLy8gICBjb25zb2xlLmxvZyhcInNvdXJjZUFcIiwgdGljay52YWx1ZSk7XG4vLyB9LCAoZXJyb3IpID0+IHtcbi8vICAgICB9LCAoKSA9PiB7XG4vLyAgICAgICBjb25zb2xlLmxvZygnY29tcGxldGVBJyk7XG4vLyAgICAgfSk7XG5cblxuLy8gc291cmNlQi5zdWJzY3JpYmUoKHRpY2spID0+IHtcbi8vICAgY29uc29sZS5sb2coXCJzb3VyY2VCXCIsIHRpY2sudmFsdWUpO1xuLy8gfSwgKGVycm9yKSA9PiB7XG4vLyAgICAgfSwgKCkgPT4ge1xuLy8gICAgICAgY29uc29sZS5sb2coJ2NvbXBsZXRlQicpO1xuLy8gICAgIH0pO1xuXG5cblJ4Lk9ic2VydmFibGUubWVyZ2Uoc291cmNlQSwgc291cmNlQikuc3Vic2NyaWJlKChbdGlja0EsIHRpY2tCXSkgPT4ge1xuICBjb25zb2xlLmxvZyhcInNvdXJjZUFcIit0aWNrQS52YWx1ZSArICBcIiAgIHNvdXJjZUJcIit0aWNrQi52YWx1ZSk7XG59LCAoZXJyb3IpID0+IHtcbiAgICB9LCAoKSA9PiB7XG4gICAgICBjb25zb2xlLmxvZygnY29tcGxldGVBQicpO1xuICAgIH0pOyJdfQ==
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment