我們青島做網(wǎng)站公司青華互聯(lián)在建站的時(shí)候，會(huì)用到搜索功能，有些客戶(hù)提出搜索框的內(nèi)容要自動(dòng)變化，方便客戶(hù)搜索不同的關(guān)鍵詞，也是推薦用戶(hù)搜索的關(guān)鍵詞，這個(gè)時(shí)候就需要JavaScript實(shí)現(xiàn)input值自動(dòng)變化，下面是完整代碼，供大家參考學(xué)習(xí)。具體展現(xiàn)形式如圖所示：
完整代碼展示：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="text" value="電腦">
<script>
var sonsuokuan = document.querySelector('.sonsuokuan');
var arr = new Array();
arr[0] = '電腦';
arr[1] = '手機(jī)';
arr[2] = '電視';
arr[3] = '筆記本';
arr[4] = '數(shù)碼';
arr[5] = '服務(wù)';
arr[6] = '電商';
arr[7] = '家電';
// document.addEventListener('click', function() {
var index = 0;
// 定時(shí)器
setInterval(function() {
// 添加判斷條件
// 如果arr里面的索引號(hào)不超過(guò)最大，則執(zhí)行
if (index < arr.length) {
sonsuokuan.value = arr[index]
index++;
} else {
// 超過(guò)最大時(shí)，索引號(hào)歸零
// 這里歸零的時(shí)候不是三秒，時(shí)間延長(zhǎng)了，不知道為啥
index = 0;
}
}, 3000);
// })
</script>
</body>
</html>以上內(nèi)容就是JavaScript實(shí)現(xiàn)input值自動(dòng)變化的方法，可以直接復(fù)制修改使用哦。
我是有底線(xiàn)的
掃描二維碼手機(jī)查看該文章
文章引用：http://www.qingbaosc.com/news/webzhishi/1335.html
在線(xiàn)咨詢(xún)
電話(huà)咨詢(xún)
