如何从js获取变量的值到index.html

Question

Below is my javascript file which contain like this

//custom.js
var setting = {
lastDate: '06/01/2016 09:18:00',   //Date format: month/day/year hours:minutes:seconds
timeZone: GMT +8,                    //GMT +10 or -5
style:{
    colorStart:'#3CEAEE',          //Background color start. Any #hex color, only 6 characters
    colorEnd:'#0d4266',            //Background color end. Any #hex color, only 6 characters
    bgStyle:'circularMiddleCenter' //Background style
}
};

So in my index.html. how do i get the lastDate value from the js file and do comparison?

My index.html have a button which always in disable mode, and when the lastDate reached, concept using current Date - lastDate. then the button will be enabled back and do actions.

<button>Let's Go</button>

Any suggestion?

Answer 1

You should use new Date() to get the current time to do your purpose

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script> //custom.js var setting = { lastDate: '5/30/2016 09:18:00', //Date format: month/day/year hours:minutes:seconds timeZone: "GMT +8", //GMT +10 or -5 style: { colorStart: '#3CEAEE', //Background color start. Any #hex color, only 6 characters colorEnd: '#0d4266', //Background color end. Any #hex color, only 6 characters bgStyle: 'circularMiddleCenter' //Background style } }; $(document).ready(function() { console.log((new Date().getTime() / 1000)); if ((new Date(setting.lastDate).getTime() / 1000) <= (new Date().getTime() / 1000)) { alert("reach"); } }); </script>