JavaScript打字机效果实现--让页面自己边打代码边实现代码

最新推荐文章于 2024-04-17 16:48:44 发布

kitty479655237

最新推荐文章于 2024-04-17 16:48:44 发布

阅读量855

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/kitty479655237/article/details/80818011

版权

前提知识：

setInterval
setInterval（）方法重复调用一个函数或执行一个代码段，在每次调用之间具有固定的时间延迟。语法如下：
setInterval(函数，间隔时间）
var num =
function fn(){
document.body.innerHTML = num
num++
}
setInterval(fn,1000)

通俗的说，setInterval的特点就是重复执⾏某段代码，它接收两个参数，第⼀个参数是⼀个函数，第⼆个参数是间隔时间，每隔多少时间就会去执⾏⼀次第⼀个参数的代码块，这⾥需要注意的是，第⼀个参数可以给⼀个函数名，也可以直接给⼀个匿名函数，但是千万不要写成这种形式：fn(),这种形式表示函数调⽤。

正题：

需求：让页面自己边打出css样式代码，边实现代码的样式。

1.写出页面的body和css样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <style id="style-app">

最低0.47元/天解锁文章

kitty479655237

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JavaScript打字机效果实现--让页面自己边打代码边实现代码

前提知识：setIntervalsetInterval（）方法重复调用一个函数或执行一个代码段，在每次调用之间具有固定的时间延迟。语法如下：setInterval(函数，间隔时间）var num =function fn(){ document.body.innerHTML = num num++ }setInterval(fn,1000)通俗的说，setInterval的特点...
复制链接

扫一扫