原本打算用定时器setinterval循环调用的,但系发现创建出来的标签没有动画效果,不知道是什么原因
代码如下:
Document* {
margin: 0;
padding: 0;
}
html,
body {
width: 100%;
height: 100%;
}
var SVG_NS = "http://www.w3.org/2000/svg"
var XLINK_NS = "http://www.w3.org/1999/xlink"
var box = document.querySelector('#box')
let idNum = 0
// 生成随机数
function randomNum(min, max) {
return parseInt(min + (max - min) * Math.random())
}
// 雨滴函数
function createRain() {
// 创建雨滴和动画
let rain = document.createElementNS(SVG_NS, 'rect')
// let rainAnimate = document.createElementNS(SVG_NS, 'animate')
let x = randomNum(1, 1000)
let time = rand