Question

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

为了做到这一点，我必须使用C＃从SQL Server中检索该值。然后我必须将它传递给html（）中的jscript里程表，如下所示。如果我得到了价值 - 如何将其发送到javascript？

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

Answer 1

试试这个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>

Answer 2

您可以使用以下实现将代码后面的值传递给Jquery

这是一个如何做的例子。

首先在

后面的代码中声明一个公共变量

//在

后面的代码中声明一个公共变量

 public string odometervalue = "667";

读取Jquery中的值，如下所示

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

    </script>

使用里程表将变量传递给jquery

2 个答案: