JavaScript递归的简单调用
2019-01-16 本文已影响0人
LeeYaMaster
最近看到抖音上,很有意思的网页表白视频,便照着写了一份:
效果图
源码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="main"></div>
<script>
let str = `不是在最美好的时光遇见你,<br/>而是遇见你之后都是最美好的时光`;
let i = 0;
function init(){
let main = document.getElementById('main');
if(i<=str.length){
main.innerHTML = str.slice(0,i++) + `_`;
setTimeout('init()',300);
}else{
main.innerHTML = str;
}
}
init();
</script>
</body>
</html>