摘要：自動簡歷項目介紹一個可以自動播放書寫過程簡歷，主要運用原生和的知識點。方法如果展示窗口設(shè)置的是或者會自動拉到底部為滾動至底部為滾動至頂部其他參數(shù)可選定義緩動動畫，或之一。增加簡歷展示頁編寫增加編寫簡歷內(nèi)容的展示窗口。

prism

marked

預(yù)覽點我

源碼點我

想辦法讓文字逐個出現(xiàn)在頁面中

setTimeout(()=>{
    document.body.innerHTML="1"
},1000)
setTimeout(()=>{
    document.body.innerHTML="2"
},2000)
setTimeout(()=>{
    document.body.innerHTML="3"
},3000)

成功了，但是有點傻，為何我們不試一試setInterval加上slice()或者substring()

var result = "1234567890"
var n = 0
setInterval(()=>{
    n += 1
    document.body.innerHTML = result.substring(0,n)
},500)

slice()和substring()的區(qū)別是，substring()不接受負(fù)的參數(shù)

既要開始，也要結(jié)束。想辦法取消鬧鐘

var result = "1234567890"
var n = 0
var clock = setInterval(()=>{
    n += 1
    document.body.innerHTML = result.substring(0,n)
   if(n>=result.length){
       window.clearInterval(clock)
   }
},500)

將內(nèi)容換成CSS

   var result = `
   body{
   background:green;
   }
   `
   var n = 0
   var clock = setInterval(()=>{
   n += 1
   document.body.innerHTML = result.substring(0,n)
  if(n>=result.length){
      window.clearInterval(clock)
  }
   },500)

運行一下。黑人問號臉——我的換行沒啦？？？

這是因為在**HTML里面，連續(xù)出現(xiàn)多個看不見的字符，瀏覽器會認(rèn)為它是一個空格**

利用

標(biāo)簽

HTML
元素表示預(yù)定義格式文本。在該元素中的文本通常按照原文件中的編排，以等寬字體的形式展現(xiàn)出來，文本中的空白符（比如空格和換行符）都會顯示出來。
HTML中加入
標(biāo)簽，將內(nèi)容寫到
中




var result = `
body{
    background:green;
}
`
var n = 0
var clock = setInterval(()=>{
    n += 1
    code.innerHTML = result.substring(0,n)
   if(n>=result.length){
       window.clearInterval(clock)
   }
},100)


應(yīng)用代碼
現(xiàn)在我們只是將代碼展示了出來，但是看到效果，所以我們要將代碼寫入到