今天,用New bing写了一段JS代码,主要是用来实现向文章中的不同位置插入3个字符串/联系方式,然后每隔2秒钟,3个字符串变化一次。
一、中文脚本
请使用javascript写一段代码,实现向body元素插入字符串的功能,并加粗该字符串,同时设置该字符串颜色为红色。要求,在BODY元素的第2个P标签内追加第一个字符串“AAAAA”;在BODY元素中字符串的中间追加第二个字符串“AAAAA”;在BODY元素的倒数第二个P标签内追添加第三个字符串“AAAAA”。2秒钟后,把3个位置的字符串“AAAAA”、“AAAAA”、“AAAAA”,分别替换为字符串“BBBBB”、“BBBBB”、“BBBBB”;4秒钟后,把3个位置的字符串“BBBBB”、“BBBBB”、“BBBBB”,分别替换为“CCCCC”、“CCCCC”、“CCCCC”;6秒钟后,把3个位置的字符串“CCCCC”、“CCCCC”、“CCCCC”,分别替换为“AAAAA”、“AAAAA”、“AAAAA”,循环执行
二、实现代码
<script> // 找到所有的 P 标签 const pTags = document.getElementsByTagName('p'); // 在第二个 p 标签中插入 "AAAAA" pTags[1].innerHTML += '<strong style="color: red">AAAAA</strong>'; // 在 body 元素中间插入 "AAAAA" const middleIndex = Math.floor(pTags.length / 2); const middlePTag = pTags[middleIndex]; middlePTag.innerHTML = middlePTag.innerHTML.slice(0, middlePTag.innerHTML.length / 2) + '<strong style="color: red">AAAAA</strong>' + middlePTag.innerHTML.slice(middlePTag.innerHTML.length / 2); // 在倒数第二个 p 标签中插入 "AAAAA" pTags[pTags.length - 2].innerHTML += '<strong style="color: red">AAAAA</strong>'; // 定时器,每 2 秒钟替换一次字符串 let textToReplace = "AAAAA"; setInterval(() => { for (let i = 1; i < pTags.length - 1; i++) { pTags[i].innerHTML = pTags[i].innerHTML.replace(`<strong style="color: red">${textToReplace}</strong>`, `<strong style="color: red">BBBBB</strong>`); } textToReplace = "BBBBB"; }, 2000); // 定时器,每 4 秒钟替换一次字符串 setTimeout(() => { setInterval(() => { for (let i = 1; i < pTags.length - 1; i++) { pTags[i].innerHTML = pTags[i].innerHTML.replace(`<strong style="color: red">${textToReplace}</strong>`, `<strong style="color: red">CCCCC</strong>`); } textToReplace = "CCCCC"; }, 4000); }, 2000); // 定时器,每 6 秒钟替换一次字符串 setTimeout(() => { setInterval(() => { for (let i = 1; i < pTags.length - 1; i++) { pTags[i].innerHTML = pTags[i].innerHTML.replace(`<strong style="color: red">${textToReplace}</strong>`, `<strong style="color: red">AAAAA</strong>`); } textToReplace = "AAAAA"; }, 6000); }, 2000 + 4000); </script>