OneTextJS

在网页中让任意一个元素显示一个句子，来源于 一言 库

然后每间隔20秒（默认）会自动替换为另一个句子

Like this:

Usage

首先引入jQuery和OneText.js

然后将任意元素加上类名：one-text，即可应用于该元素，就这样简单。

Like this:

<p class="one-text"></p>

Detail

上述方法只会显示一个句子，如果想要显示作者等信息，大概需要这样：

<div class="one-text">
    <div class="text"></div> <!-- 句子会显示在这里 -->
    <div class="by"></div> <!-- 可选，在这里显示作者 -->
    <div class="from"></div> <!-- 可选，显示出处 -->
    <div class="time"></div> <!-- 可选，显示时间 -->
</div>

也就是说，一个.one-text元素可以有.text, .by等子元素，以显示详细信息。

通过JS应用

使用JS应用有更多的选项：

new OneText(selector, [config]);

其中selector为CSS选择器，与jQuery选择器相同。所有与selector匹配的元素都会被应用。如果匹配多个元素，则这几个元素显示的内容会是相同的。

config为可选的设置，可选参数有：

• interval：替换句子的间隔时间，单位为秒，默认值为20。当值为0时将不会替换
• dash：是否在作者和出处前添加破折号，默认为true
• quote：是否在将句子加上引号，默认为false
• libs：选用的库。数组，在['official', 'netease', 'april', 'ext']中任选一个或多个。默认为['official', 'april']（detail）或者 ['official', 'netease', 'april', 'ext']。

Like this:

var oneText = new OneText('.class-name', {interval: 30, dash: false, quote: true, libs: ['official', 'ext']});

此外，还可以调用每个OneText对象的set方法来替换句子：

oneText.set();

Libs

• official：OneText 官方库，Thanks to lz差不多是条咸鱼了

• netease：OneTextLibrary_Netease_Unoffical，Thanks to imbrighter

• april：OneText-Library中的april.json，Thanks to lz已经是条咸鱼了

• ext：动态调用Hitokoto的`API，Thanks to Hitokoto

Libs 会不定期更新，也有可能我会忘记