输入占位符每隔几秒就会更改

时间:2016-03-30 19:49:49

标签: jquery html css input placeholder

<input id="home_search" type="text" placeholder="Kyle">

我正在寻找一种解决方案,允许占位符每2秒更改一次预定的其他占位符。比如约翰&#34; &#34;萨利&#34;

2 个答案:

答案 0 :(得分:2)

使用此代码,它的工作非常精细

JSONModel
  

使用上面的代码,您可以向数组中添加所需的值,它将无限运行,并在循环结束时返回第一个占位符

更新了工作小提琴:https://jsfiddle.net/5pwuqkbp/2/

答案 1 :(得分:1)

你是说这个?

<script>
    jQuery(document).ready(function () {
        var i = 1;
        setInterval(function () {
            switch (i) {
                case 1:
                    $("#home_search").attr('placeholder', 'John');
                    break;
                case 2:
                    $("#home_search").attr('placeholder', 'Sally');
                    break;
            }
            i++;
            if (i > 2) {
                i = 1;
            }
        }, 2000);
    });
</script>