如何在jquery中将变量放入函数中？_Jquery

如何在jquery中将变量放入函数中？

jquery

如何在jquery中将变量放入函数中？,jquery,Jquery,我试图将一个变量放入一个函数，当我发出警报（dateStr）时，它会给我2 3:5:58（2天3小时5分钟58秒），但它在函数中不起作用。这是我的密码 <!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <!--=============================datetimepicker ==========

我试图将一个变量放入一个函数，当我发出警报（dateStr）时，它会给我2 3:5:58（2天3小时5分钟58秒），但它在函数中不起作用。这是我的密码

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <!--=============================datetimepicker ================-->
    <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" media="screen"
    href="http://tarruda.github.com/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css">

    <!--=============================countdown timer================-->
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>jquery countDownTimer Demo reverse countdown clock</title>
    <meta name="description" content="reverse clock plugin for jQuery.">
    <meta name="keywords" content="jQuery, plugin, count down">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <script type="text/javascript" src="../LIB/jquery-2.0.3.js"></script>
    <script type="text/javascript" src="../jquery.countdownTimer.js"></script>
    <link rel="stylesheet" type="text/css" href="../CSS/jquery.countdownTimer.css" />
</head>
<body>
    <div id="main">
        <h3><u>Reverse countdown till a specific future date from today.</u><br/>(for eg:- 2018/01/01 00:00:00)</h3>
        <div id="datetimepicker" class="input-append date">
            <input type="text" id="date"></input>
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar"></i>
            </span>
        </div>
        <div>
        <button type='submit' class="btn btn-primary start">Start</button>
        </div>
        </br>
        <table style="border:0px;">
            <tr>
                <td colspan="8"><span id="future_date"></span></td>
            </tr>
        </table>

<script>
        jQuery.noConflict();
        jQuery(document).ready(function(){
            jQuery('.start').click(function(){

            var date = jQuery("#date").val();

            time = date.split(' ')[1];

            date = date.split(' ')[0];

            var firstDate = {day: date.split('/')[0], hours:time.split(':')[0], minutes: time.split(':')[1], seconds: time.split(':')[2]};

            var sDate = new Date();

            var secondDate = {day: sDate.getDate(), hours:sDate.getHours(), minutes: sDate.getMinutes(), seconds: sDate.getSeconds()};

            var subtime = function(fDate , tDate){
            var date = Math.abs(parseInt(fDate.day) - tDate.day);
            var hours = Math.abs(parseInt(fDate.hours) - tDate.hours);
            var minutes = Math.abs(parseInt(fDate.minutes) - tDate.minutes);
            var seconds = Math.abs(parseInt(fDate.seconds) - tDate.seconds);
            return {date: date, hours: hours, minutes: minutes, seconds: seconds};
            };

            var diff = subtime(firstDate, secondDate);

            var dateStr = diff.date + " " + diff.hours + ":" + diff.minutes + ":" + diff.seconds;
            alert(dateStr);


            jQuery('#future_date').countdowntimer({
        //          dateAndTime : "5 00:00:00"‚
                    dateAndTime : dateStr‚ // I want dateAndTime dateStr like the above dateAndTime
                    size : "lg",
                });
            });
            });
        </script>
</div>

    <script type="text/javascript"
     src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js">
    </script>
    <script type="text/javascript"
     src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js">
    </script>
    <script type="text/javascript"
     src="http://tarruda.github.com/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.pt-BR.js">
    </script>
    <script type="text/javascript">
        jQuery.noConflict();
          jQuery('#datetimepicker').datetimepicker({
            format: 'dd/MM/yyyy hh:mm:ss',
            language: 'pt-BR'
          });
    </script>

</body>
</html>


jquery倒计时演示反向倒计时时钟
从今天开始倒计时到未来某个特定日期。
（例如：-2018/01/01 00:00:00）
开始


jQuery.noConflict（）；
jQuery（文档）.ready（函数（）{
jQuery（'.start'）。单击（函数（）{
var date=jQuery（“#date”）.val（）；
时间=日期分割（“”）[1]；
日期=拆分日期（“”）[0]；
var firstDate={day:date.split（'/'）[0]，hours:time.split（':'）[0]，minutes:time.split（':'）[1]，seconds:time.split（':'）[2]}；
var sDate=新日期（）；
var secondDate={day:sDate.getDate（），hours:sDate.getHours（），minutes:sDate.getMinutes（），seconds:sDate.getSeconds（）}；
var subtime=函数（fDate，tDate）{
var date=Math.abs（parseInt（fDate.day）-tDate.day）；
var-hours=Math.abs（parseInt（fDate.hours）-tDate.hours）；
var minutes=Math.abs（parseInt（fDate.minutes）-tDate.minutes）；
var seconds=Math.abs（parseInt（fDate.seconds）-tDate.seconds）；
返回{date:date，hours:hours，minutes:minutes，seconds:seconds}；
};
var diff=子时间（第一个日期，第二个日期）；
var dateStr=diff.date+“”+diff.hours+”：“+diff.minutes+”：“+diff.seconds；
警报（dateStr）；
jQuery（“#未来_日期”）。倒计时({
//日期和时间：“5 00:00:00”
dateAndTime:dateStr//我想要与上述dateAndTime类似的dateAndTime dateStr
尺寸：“lg”，
});
});
});
jQuery.noConflict（）；
jQuery（“#datetimepicker”）.datetimepicker({
格式：'dd/MM/yyyy hh:MM:ss'，
语言：“pt BR”
});

现在，这是我的html完整代码。

请添加一个精确的可运行代码段，以显示您的问题。您的意思是“dateAndTime”字段显示为空吗？还有，

倒计时是什么？它有什么功能？是你自己做的（显示代码）还是一个插件（哪一个）？“不工作”是什么意思？发生了什么，您希望它做什么？@AfzalKhan，问题是diff.date
它返回类似1998
的内容，而不是类似2020/01/01的格式