技術標籤：harmonyOSJavaScripthtmlhtml

<!-- index.hml -->
<div class="container">
    <image-animator class="image-player" ref="animator" images="{{images}}" duration="10s" onclick="handleClick"></image-animator>
</div
 
>

// index.js
export default {
    data: {
        images: [
            { src: '/common/image/44.jpeg' },
            { src: '/common/image/7.jpeg' },
            { src: '/common/image/8.jpeg' },
        ],
    },
    handleClick() {
        const animator = this.$refs.animator; // 獲取ref屬性為animator的DOM元素
        const
 
 state = animator.getState();
        if (state === 'paused') {
            animator.resume();
        } else if (state === 'stopped') {
            animator.start();
        } else {
            animator.pause();
        }
    },
};