Passing a variabe to jquery using Odometer

2019-04-17 06:20发布

站内问答 / JavaScript
442 2 6

I would like to use a jquery odometer to display information on a master page. http://www.jqueryscript.net/animation/Smooth-Animated-Numbers-with-Javascript-CSS3-odometer.html

In order to do that I have to retrieve that value from SQL Server using C#. Then I have to pass it to the jscript odometer in the html() as shown below. If I get the valuje - how do Isend it to the javascript?

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

2条回答
SAY GOODBYE
2楼-- · 2019-04-17 07:02

Try this html 

</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>
查看更多
0人赞 添加讨论(0) 举报
Juvenile、少年°
3楼-- · 2019-04-17 07:14

You can use the below implementation to pass the value from code behind to Jquery

This is one example how to do it.

First Declare a Public Variable in code behind

//Declare a Public Variable in code behind

 public string odometervalue = "667";

Read the value in Jquery Like given below

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

    </script>
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(6)