29-【JS全解】JS 实战,会动的代码

效果预览
源代码
思路:
1.先配置环境 parcel终端检测 yarn global add parcel
2.通过js获取id的内容:document.querySelector(’#demo’)

let demo = document.querySelector(’#demo’);
console.log(demo.innerHTML)
3.实现文字从1到2,用setTimeout

let n = 1;
setTimeout(() => {
n = n + 1;
demo.innerHTML = n
}, 1000)
4.setInterval实现自动循环

let demo = document.querySelector(’#demo’);
let n = 1;
setInterval(() => {
n = n + 1;
demo.innerHTML = n
}, 1000)
5.由于涉及循环,把他放在函数里方便调用,但是两次调用会直接从1变3

let demo = document.querySelector(’#demo’);
let n = 1;
let fn = () => {
setTimeout(() => {
n = n + 1;
demo.innerHTML &#

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值