前端ztree树上一个下一个文件切换加定时播放下一个笔记

前端ztree树上一个下一个切换加定时播放下一个笔记:

    <div style="margin : 0.5in;text-align:center">
                <div style="text-align:center">
                    <button type="button" class="roll-nav roll-left tabLeft" onclick="before()">
                        <i class="fa fa-backward fa-2x"></i>
                    </button>
                    <span></span>
                    <span></span>
                    <button type="button" class="roll-nav" onclick="myFresh()" id="D">
                        <i class="fa fa-play fa-2x"></i>
                    </button>
                    <span></span>
                    <button type="button" class="roll-nav roll-right tabRight" onclick="after()">
                        <i class="fa fa-forward fa-2x"></i>
                    </button>
                </div>
            </div>
            <div class="row">
      </div>

ztree树的api文档寻找:

  function before() {
        // 获取树对象
        var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
        // /* 获取所有树节点 */
        var nodesData = treeObj.transformToArray(treeObj.getNodes());
        // //获取选中的节点
        var selectedNodes = treeObj.getSelectedNodes();

        if (selectedNodes.length == 0) {
            alert("所选节点不是文件!");
        } else {
            if (selectedNodes[0].isFirstNode === true) {
                alert("已经是第一个文件了,前面没有文件了小主儿!");
            } else {
                var index = contains(nodesData, selectedNodes[0]);
                // var index = selectedNodes[0].getIndex();
                var beforNode = nodesData[index - 1];
                console.log(beforNode);
                //前一个节点被选中
                treeObj.selectNode(beforNode, true);
                //取消选中状态
                treeObj.cancelSelectedNode(selectedNodes[0]);
            }
        }
    }

    function after() {
        // 获取树对象
        var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
        // /* 获取所有树节点 */
        var nodesData = treeObj.transformToArray(treeObj.getNodes());
        // //获取选中的节点
        var selectedNodes = treeObj.getSelectedNodes();
        console.log(selectedNodes);

        if (selectedNodes.length == 0) {
            alert("所选节点不是文件!");
        } else {
            if (selectedNodes[0].isLastNode === true) {
                alert("已经是最后一个文件了,没有文件了小主儿!");
            } else {
                var afterNode = selectedNodes[0].getNextNode();
                console.log(afterNode);
                //前一个节点被选中
                treeObj.selectNode(afterNode, true);
                //取消选中状态
                treeObj.cancelSelectedNode(selectedNodes[0]);
            }
        }
    }

    var i = 0;
    var timer = null;
    var status = 'N';
    $(document).ready(function () {
        myFresh();
    });

    function myFresh() {
        if (status == 'Y') {
            i = 0;
            status = 'N';
            clearInterval(timer);
        } else if (status == 'N') {
            status = 'Y';
            timer = setInterval(function () {
                i++;
                if (i == 360) {
                    clearInterval(timer);

                    $.ajax({
                        url: prefix + "/findYear",
                        type: "post",
                        data: {"type": type},
                        cache: true,
                        success: function (result) {

                            if (themeLayer != undefined) {
                                themeLayer.remove();
                            }
                            if (polygon != null) {
                                polygon.remove();
                                popup.remove();
                            }
                            $("#orgName").val(result[0]);
                            createTheme(type, result[0]);
                        }

                    });
                }
            }, 1000);
        }
    }

新人编写,如有问题,请各位大牛留言指教!谢谢

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值