javascript spinner for grails [英] javascript spinner for grails

问题描述

我试图将一个微调器添加到onclick事件中，并且找不到纯javaScript微调器。
是可能的还是在Grails中有更好的方法？

解决方案

纯粹的javascript - 甚至没有任何图像：

> document.getElementById（button）。onclick = function（）{
var spinner = document.getElementById（spinner_container）;
spinner.anim_mode = 0;
var animation = [|，/， - ，\\]
var spin = function（）{
spinner.anim_mode =（spinner.anim_mode + 1）％animation.length;
spinner.innerHTML = animation [spinner.anim_mode];
};
spin（）;
setInterval（spin，100）;
};


http://jsfiddle.net/dGL8X/

I'm trying to add a spinner to an onclick event and I cannot find a pure javaScript spinner. is this possible or is there a better way in grails?

解决方案

Pure javascript — not even any images:

document.getElementById("button").onclick = function() {
    var spinner = document.getElementById("spinner_container")​​​​;
    spinner.anim_mode = 0;
    var animation = ["|", "/", "–", "\\"]
    var spin = function() {
        spinner.anim_mode = (spinner.anim_mode + 1) % animation.length;
        spinner.innerHTML = animation[spinner.anim_mode];
    };
    spin();
    setInterval(spin, 100);
};​

http://jsfiddle.net/dGL8X/

这篇关于javascript spinner for grails的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！