首先,要在html中设置一个唯一的标识,可以是id,也可以是class。

<span class="dictum" id="dictum"></span>

然后是引入jQuery文件:

<script src="//cdn.jsdelivr.net/npm/jquery@latest/dist/jquery.min.js"></script>

再写一个js:

function showGetResult() {

    var result = null;
    var scriptUrl = "https://v1.hitokoto.cn/";
    $.ajax({
        url: scriptUrl,
        type: "get",
        dataType: "json",
        async: false,
        success: function(data) {
            result = data;
        }
    });

    return result.hitokoto + "<br>- " + result.from + " -";

}


window.onload = function() {

    function show_dictum(str) {
        $(".dictum").html(str).fadeIn(1000).delay(3000).fadeOut(1000, function() { show_dictum( showGetResult() ); });
    }

    show_dictum("莫听穿林打叶声,何妨吟啸且徐行。<br>- 苏轼 定风波 -"); //这是初始内容

}