study/operators/repeat.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>operator:repeat</title>

    <link rel="stylesheet" href="../reset.css">
    <link rel="stylesheet" href="../share.css">
    <script src="../Rx.min.js"></script>
</head>
<body>

<h1 class="operator-name">repeat</h1>

<ul class="operator-params">
    参数列表：
    <li>
        <span class="operator-params-name">count</span>
        <span class="operator-params-type">number</span>
        <span class="operator-params-desc">重复的次数</span>
    </li>


</ul>
返回值:<h2 class="operator-ret"> Observable</h2>

<hr>
<h1>珠宝图:</h1>
<div class="marble-box">
    <img src="repeat.png" alt="" class="operator-marble">
</div>
<hr>
<h1>功能说明:</h1>
<ul class="desc">
    <li>repeat 在Source发出complete的时候，继续重新订阅Source.持续count次</li>
</ul>
<hr>
<h1>备注事项:</h1>
<ul class="notice">
    <li>repeat(0)会直接返回Empty</li>
</ul>

<div class="demo">
    <span>点击不同按钮查看不同demo 代码效果</span>
    <button onclick="demo1();">demo1</button>
    <button onclick="demo2();">demo2</button>
</div>

<script>
    function demo1(){
        console.log("repeat :1次。");
        var source = Rx.Observable.from(['a','b','c'])
            .zip(Rx.Observable.interval(500), (x,y) => x);

        var example = source.repeat(1);

        example.subscribe({
            next: (value) => { console.log(value); },
            error: (err) => { console.log('Error: ' + err); },
            complete: () => { console.log('complete'); }
        });

// a
// b
// c
// a
// b
// c
// complete
    }
    function demo2(){
        console.log("repeat :0次。");
        var source = Rx.Observable.from(['a','b','c'])
            .zip(Rx.Observable.interval(500), (x,y) => x);

        var example = source.repeat(0);

        example.subscribe({
            next: (value) => { console.log(value); },
            error: (err) => { console.log('Error: ' + err); },
            complete: () => { console.log('complete'); }
        });

// a
// b
// c
// a
// b
// c
// complete
    }

</script>


</body>
</html>