我想在 HTML/JavaScript/jQuery 中实现打字机效果,例如 this one ,但我需要指定动画的总持续时间。例如,如果我设置 10 秒并且字符串是“dog”,动画将会非常慢。这可能吗?谢谢。
最佳答案
我将使用与 this one 中相同的函数.
其实很简单。
在线 typeString($tar, settings.text[idx], 0, settings.delay, function () {
和在线 deleteString($tar, settings.delay, function () {
将 settings.delay
更改为 (settings.delay/settings.text[idx].length)
然后在调用构造函数时传递延迟 ( in ms) option with you want. 例如:
$('#target').teletype({
delay: 10000,
text: [
'dog',
'Lorem ipsum dolor sit amet, consetetur sadipscing elitr,',
'sed diam nonumy eirmod tempor invidunt ut labore et dolore',
'magna aliquyam erat, sed diam voluptua. At vero eos et',
'accusam et justo duo dolores et ea rebum. Stet clita kasd',
'gubergren, no sea takimata sanctus est Lorem ipsum dolor sit',
'amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,',
'sed diam nonumy eirmod tempor invidunt ut labore et dolore',
'magna aliquyam erat, sed diam voluptua. At vero eos et accusam',
'et justo duo dolores et ea rebum. Stet clita kasd gubergren,',
'no sea takimata sanctus est Lorem ipsum dolor sit amet.'
]
});`
关于javascript - 打字机和设置持续时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41641837/