运用java script编写1. 创建根据不同来宾显示不同内容的欢迎栏 2. 退出页面时显示浏览当前页面的时间 3. 实现复制表单

1. 创建根据不同来宾显示不同内容的欢迎栏：

可以使用 JavaScript 的 DOM 操作，根据不同的条件来动态修改页面中的欢迎栏内容，例如：

<div id="welcome">
  <span id="guest">欢迎您，游客！</span>
  <span id="member" style="display: none;">欢迎您，会员！</span>
</div>

<script>
  var isMember = false; // 根据不同条件判断是否为会员
  if (isMember) {
    document.getElementById("guest").style.display = "none";
    document.getElementById("member").style.display = "inline-block";
  } else {
    document.getElementById("guest").style.display = "inline-block";
    document.getElementById("member").style.display = "none";
  }
</script>

2. 退出页面时显示浏览当前页面的时间：

可以使用 JavaScript 的 Date 对象获取当前时间，并在页面卸载时（例如 window 的 "beforeunload" 事件）动态修改页面中的元素内容，例如：

<div id="time">您正在浏览此页面的时间：未知</div>

<script>
  var startTime = new Date().getTime(); // 记录页面加载时间
  window.addEventListener("beforeunload", function() {
    var endTime = new Date().getTime(); // 获取页面卸载时间
    var duration = Math.floor((endTime - startTime) / 1000); // 计算浏览时长
    document.getElementById("time").innerHTML = "您正在浏览此页面的时间：" + duration + " 秒";
  });
</script>

3. 实现复制表单：

可以使用 JavaScript 的 DOM 操作，动态创建表单元素并设置相应属性，例如：

<div id="form-container"></div>

<button onclick="copyForm()">复制表单</button>

<script>
  function copyForm() {
    var form = document.createElement("form"); // 创建 form 元素
    form.setAttribute("method", "POST"); // 设置 method 属性
    form.setAttribute("action", "/submit"); // 设置 action 属性

    var input1 = document.createElement("input"); // 创建 input 元素
    input1.setAttribute("type", "text"); // 设置 type 属性
    input1.setAttribute("name", "username"); // 设置 name 属性
    form.appendChild(input1); // 将 input 元素添加到 form 元素中

    var input2 = document.createElement("input"); // 创建 input 元素
    input2.setAttribute("type", "password"); // 设置 type 属性
    input2.setAttribute("name", "password"); // 设置 name 属性
    form.appendChild(input2); // 将 input 元素添加到 form 元素中

    document.getElementById("form-container").appendChild(form); // 将 form 元素添加到页面中
  }
</script>