如何为Polymer中的按钮添加延迟?

时间:2015-11-16 18:49:16

标签: html css polymer

我已经声明要创建一个基于聚合物的网页,并且我想添加一个指向我创建的paper-button的链接。我已经弄明白了怎么做,但是我想添加延迟让用户在点击后看到涟漪动画。

要将其链接到我使用此代码的网页:

<a href="http://www.google.it"> <paper-button raised> Polymer's Website </paper-button> </a>

但是,我不知道如何添加延迟。有人能帮助我吗?并且,是否有更好的方法将按钮链接到网页?

1 个答案:

答案 0 :(得分:0)

如果要自定义涟漪效果,可以创建扩展本机HTML a标记的元素并使用paper-ripple元素。另一个解决方案是向您的纸张按钮添加一个事件,并使用setTimeout来延迟您的操作

goto:function(){
  setTimeout(function(){
             window.location.href = 'http:\\www.google.com';
             },1000);
  
 }
<paper-button raised on-click="goto"> Polymer's Website </paper-button>