JavaScript实现input值自动变化

我们青岛做网站公司青华互联在建站的时候，会用到搜索功能，有些客户提出搜索框的内容要自动变化，方便客户搜索不同的关键词，也是推荐用户搜索的关键词，这个时候就需要JavaScript实现input值自动变化，下面是完整代码，供大家参考学习。具体展现形式如图所示：

完整代码展示：

<!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] = '手机';
        arr[2] = '电视';
        arr[3] = '笔记本';
        arr[4] = '数码';
        arr[5] = '服务';
        arr[6] = '电商';
        arr[7] = '家电';
        // document.addEventListener('click', function() {
        var index = 0;
        // 定时器
        setInterval(function() {
            // 添加判断条件
            // 如果arr里面的索引号不超过最大，则执行
            if (index < arr.length) {
                sonsuokuan.value = arr[index]
                index++;
            } else {
                // 超过最大时，索引号归零
                // 这里归零的时候不是三秒，时间延长了，不知道为啥
                index = 0;
            }
        }, 3000);
        // })
    </script>
</body>
 
</html>

以上内容就是JavaScript实现input值自动变化的方法，可以直接复制修改使用哦。