FRP與Bacon.js - 如何建模暫停按鈕？

Question

我正試圖讓我的大腦圍繞功能反應式編程 ，特別是FRP與Bacon.js ，並且無法找到合適的組合器來創建暫停按鈕。

var pauses = $('.pause').asEventStream('click');
var plays = $('.plays').asEventStream('click');
var ticks = Bacon.interval(500).whatGoesHere(???);

我想要一個暫停信號來切斷滴答信號和播放信號以恢復它。 這是我想要的大理石圖表：

intervals   x x x x x x x x x x x x x x x x x x x x x x x
pauses              x                         x     x
plays                         x       x               x
ticks       x x x x           x x x x x x x x         x x

如果時間有點偏，這沒關系，但這是我想要的效果。

我應該用什么組合來實現這個目標？

Answer 1

合並播放和暫停作為屬性並使用它過濾間隔流。

var pauses = $('.pause').asEventStream('click').map(false);
var plays = $('.plays').asEventStream('click').map(true);
var isTicking = pauses.merge(plays).toProperty(true);
var ticks = Bacon.interval(500).filter(isTicking);