用javascript编写北斗三号发射动画要求如下1.从动画倒计时5s开始，倒计时结束时，位于页面底端的北斗三号开始发射2.北斗三号发射完毕，显示“祝贺北斗三号发射成功！”的文字

以下是一个简单的实现北斗三号发射动画的JavaScript代码：

// 获取倒计时和发射状态的DOM元素
var countdown = document.getElementById("countdown");
var launch = document.getElementById("launch");

// 定义倒计时时间和倒计时计数器
var count = 5;
var timer = setInterval(function() {
  // 每秒更新倒计时时间
  countdown.innerHTML = count;
  count--;

  // 当倒计时结束时，开始发射
  if (count < 0) {
    clearInterval(timer);
    countdown.style.display = "none";
    launch.style.display = "block";
    launch.className += " animate-launch";
    setTimeout(function() {
      launch.innerHTML = "祝贺北斗三号发射成功！";
    }, 5000); // 5秒后显示发射成功的文字
  }
}, 1000);

需要在HTML中创建两个DOM元素，一个用于显示倒计时，一个用于显示发射状态和发射成功的文字：

<div id="countdown">5</div>
<div id="launch">北斗三号发射中</div>

同时在CSS中需要定义好发射状态的样式和发射动画：

#launch {
  display: none;
}

.animate-launch {
  animation: launch 5s linear;
}

@keyframes launch {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, -1000px);
  }
}

这段代码中，`#launch`的`display`属性初始值为`none`，这样在倒计时结束之前不会显示发射状态。当倒计时结束时，将`#countdown`的`display`设置为`none`，`#launch`的`display`设置为`block`，这样就可以显示发射状态了。

`animate-launch`是一个自定义的CSS类，它定义了一个名为`launch`的动画，这个动画会将`#launch`元素向上移动1000像素。发射成功的文字是通过在5秒后将`#launch`元素的`innerHTML`属性设置为“祝贺北斗三号发射成功！”来实现的。