jquery - javascript中光标闪动效果无法用setTimeout()实现？

问题描述

问 题

我在练习javascript的过程中，想实现一种光标闪动的效果，类似文本输入状态条件下闪动的竖线。实际操作中，我在行末添一个span，里面是|，用来冒充光标。把垂直对齐和字号调好后还挺像的……
但是闪动效果出现了问题，先贴一段：

var count = 0;
function cursorDisappear()
{
  $('#cursor').text('');
  count++;
  if(count>500)
    return 0;
  setTimeout(cursorAppear(), 300);
}

function cursorAppear()
{
  $('#cursor').text('|');
  count++;
  if(count>500)
    return 0;
  setTimeout(cursorDisappear(), 300);
}

// ......
cursorDisappear();
// ......

这样调用的话，并没有出现光标，请问是哪里有问题？或者，有哪些更好的解决方法？
感激不尽！

解决方案

把setTimeout中的第一个参数，只写函数名，不要加括号

setTimeout(cursorAppear, 300);
setTimeout(cursorDisappear, 300);

这篇关于jquery - javascript中光标闪动效果无法用setTimeout()实现？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！