2014-09-22 59 views
0

我想使用jquery里程表在母版页上显示信息。 http://www.jqueryscript.net/animation/Smooth-Animated-Numbers-with-Javascript-CSS3-odometer.html使用Odometer将变量传递给jquery

为了做到这一点,我必须从SQL Server使用C#中检索该值。然后我必须将它传递给html()中的jscript里程表,如下所示。如果我获得了价值 - 如何将它发送给javascript?

<script> 
     setTimeout(function(){ 
     $('.odometer').html('123222'); 
     }, 1000); 
    </script> 
+0

ajax调用怎么样? – 2014-09-22 08:14:27

回答

0

您可以使用下面的实现来通过从代码背后的价值将jQuery

这是一个例子,如何做到这一点。

首先声明一个公共变量在后面的代码

//声明在代码中的公共变量背后

public string odometervalue = "667"; 

阅读下面

<script> 
     $(function() { 
      setTimeout(function() { 
       //Get the value from serverside 
       var uid = '<%=odometervalue %>'; 
       odometer.innerHTML = uid; 
      }, 1000); 
     }); 

    </script> 
1

给jQuery中像值试试这个网站

</head> 
<body> 

<script src="https://rawgit.com/HubSpot/odometer/v0.4.6/odometer.min.js"></script> 
<style src="https://rawgit.com/HubSpot/odometer/master/themes/odometer-theme-default.css"></style> 

<script> 
    odometerOptions = { 
    auto: false 
}; 
</script> 

<script type = "text/javascript"> 
    $(function(){ 
    var exampleOdometerValue = 123456; 
    var exampleOdometer = new Odometer({ el: $('.odometer-example')[0], theme: 'digital', value: exampleOdometerValue }); 
    exampleOdometer.render() 

    setTimeout(function(){ 
     exampleOdometerValue = exampleOdometerValue+100.07; 
     exampleOdometer.update(exampleOdometerValue); 
    }, 2000); 

    }); 
</script> 
<div class="odometer odometer-example">123</div> 

</body></html>